[JS]レスポンシブデザインもOK、水平タイプのナビゲーションをいい感じにするスクリプト -HorizontalNav

リスト要素で実装した水平タイプのナビゲーションのスタイルを壊すことなく、配置エリア・表示サイズに合わせて最適化するjQueryのプラグインを紹介します。 HorizontalNav [ad#ad-2] HorizontalNavのデモ HorizontalNavの使い方 HorizontalNavのデモ 水平タイプのナビゲーションの見た目は通常、成り行きや指定したサイズになりますが、HorizontalNavを使用すると配置エリアのサイズに合わせて各アイテムのサイズを均等にします。 デモ：480pxで表示 上：未適用はが成り行きで二段になってしまう幅になっても、下：適用の見た目は損なわれません。 HorizontalNavの使い方 実装は4ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//aja

[warriorking]

(JS)レスポンシブデザインもOK、水平タイプのナビゲーションをいい感じにするスクリプト -HorizontalNav | コリス

[namihei314]

レスポンシブデザインもOK、水平タイプのナビゲーションをいい感じにするスクリプト -HorizontalNav (via @Pocket)

[hedeyoshi]

うわーすごい便利！

[adsty]

配置エリアのサイズに合わせて最適化するjQueryプラグイン。

[o_hiroyuki]

レスポンシブWebデザインにも使えるナビゲーション

[teruringo]

JavaScript使えるようになりたい。

[sugarshin]

from はてなブックマーク - 人気エントリー http://b.hatena.ne.jp/hotentry

[free_rider]

なにそれなにそれ便利ちゃうん。

[magpepen]

配置エリアに合わせてサイズを自動調整してくれる

[Donca]

✔ [JS]レスポンシブデザインもOK、水平タイプのナビゲーションをいい感じにするスクリプト -HorizontalNav