[JS]プロダクトの一覧表示を1クリックで、リストとグリッドに切り替えるチュートリアル

ベーシックなHTMLとCSSで実装されたプロダクトページの表示をリストとグリッドに切り替えるjQueryのチュートリアルを紹介します。 Building a List/Grid View Switcher with jQuery [ad#ad-2] デモ 実装 デモ 表示の切り替えは、右上のアイコンをクリックで。 デフォルトはリスト表示で、プロダクトのサムネイル、リンク、購入ボタンがセットになっています。 デモページ：グリッド表示 実装 HTML HTMLはそれほど複雑ではありません。 まずは、右上の切替用のアイコンのHTMLです。 <span class="list-style-buttons"> <a href="#" id="gridview" class="switcher"><img src="images/grid-view.png" alt="Grid"></a> <a hr

[kaznak_com]

via Instapaper: JavaScript & jQuery http://www.instapaper.com/u/folder/1740865/javascript-jquery

[masakaz77]

ECサイトの商品一覧で使うときがあるかも。

[emj1025]

リスト、グリッドの表示切替

[ku_marin]

ちょっといいなぁこれ

[kakei]

これいいな。

[hr07jp]

一覧表示を1クリックで、リストとグリッドに切り替える

[kawat_htn]

めも

[wims_Tea]

何かに使えるかも・・・。

[Donca]

✔ [JS]プロダクトの一覧表示を1クリックで、リストとグリッドに切り替えるチュートリアル