[JS]一覧表示のレイアウトを切り替えるスクリプト -Easy Display Switch

サムネイルなどの一覧表示のレイアウトをスムーズなアニメーションで切り替えるスクリプトをDesign M.agから紹介します。

デモのキャプチャ

Easy Display Switch with CSS and jQuery
demo

表示の切り替えは、左上の「Switch View」から。
スムーズなアニメーションが気持ちいいです。

デモのキャプチャ

各画像、テキスト、キャプションは、リスト要素で実装されています。

表示切り替えの仕組みは、リストのスタイルを変更することで実装されており、スクリプトにはjquery.jsが使用されています。

スクリプトのイメージ図

sponsors

top of page

©2018 coliss