スマホアプリでよく見る横から出てくるスライドメニューを実装できるjQueryのプラグイン「Sidr」。
2015/01/12
スマホ向けサイトを作成の際、メニューをスマホアプリのように横から出したくなり探しました所、「Sidr」というプラグインを発見。
非常に手軽に実装できたのでそのご紹介。
Sidrでスライドメニューを実装
ということがしたいのか。
Facebookアプリのような、「三」のようなアイコンをクリック（タップ）すると、左側からメニューがせり出してくる、というのの実装。
Sidrの設定
Sidr - A jQuery plugin for creating side menus
http://www.berriart.com/sidr/
使い方はいたって簡単。
以下のソースで実装可能です。
[html]
[/html]
テンプレは dark と white の２通りが用意されています。
このテンプレは必ず読みこむ必要があります。
「Toogle menu」をクリックすると、左側から用意したメニューがせり出してきます。
簡単ですね！
作者様サイトには両側からメニューを出すタイプやレスポンシブなタイプなど、数種類用意されているので、試してみてはいかがでしょうか。
[tgAmazonItemLookup asin="4844362720" related="1"]