メニュー上部固定レスポンシブ対応のjQueryプラグイン「HeadShrinker」!

2014/02/20

こんにちは。
今回は、メニューが上部に固定されてレスポンシブ対応のjQueryプラグイン「HeadShrinker」を紹介したいと思います。
メニューが上部に固定されるものやメニューがレスポンシブ対応のものはけっこうあるのですが、両方とも兼ね備えたものなかなかありません。

 

headshrinker

headshrinker2

サンプルはこちら

 

設置の仕方

ソースをダウンロードします。

ダウンロードはこちらから

 

headタグにcssを読み込みます。

 

bodyタグの中の最後にJQuery関連のjsを読み込みます。

 

メニューの設定をします。

 

プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート
プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート

 

いかがでしたか。レスポンシブなサイトのメニューにぴったりですね。
以上で「Responsive Multi-Level Menu」の紹介でした。

topへ戻る