このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<link href="<PATH>/jquery.sidr.dark.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.sidr.min.js"></script>
<script>
	$(window).load(function(){
		$('#SidrBtn01').sidr({
			name: 'SidrDemo01'
		});
		$('#SidrBtn02').sidr({
			name: 'SidrDemo02',
			side: 'right'
		});
	});
</script>
<button id="SidrBtn01" class="green Sidr-btn" href="#SidrDemo01">左でSidrってみる</button>
<button id="SidrBtn02" class="red Sidr-btn" href="#SidrDemo02">右でSidrってみる</button>

<div id="SidrDemo01">
	<ul>
		<li><a href="#">地震</a></li>
		<li class="active"><a href="#">雷</a></li>
		<li><a href="#">火事</a></li>
		<li><a href="#">オヤジ</a></li>
	</ul>
</div>

<div id="SidrDemo02">
	<ul>
		<li><a href="#">なまむぎ</a></li>
		<li class="active"><a href="#">なまごめ</a></li>
		<li><a href="#">なまたまご</a></li>
	</ul>
</div>

Sidrについて

Sidrは、横からニュイっと出てくるサイドメニューをお手軽に設置できるプラグインです。
設置はとても簡単。サイドメニューのスタイルはDarkとLightの2種類用意されています。
もちろんcssを直接いじればオリジナルのスタイルに
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • ContextMenu2

    ContextMenu2

    右クリックのメニューをオリジナルなものに変更できる

  • Tabber

    Tabber

    タブメニューを簡単に設置できる

  • FlexibleSlideToTopAccordion

    FlexibleSlideToTopAccordion

    自動で頭出しをしてくれるアコーディオンメニュー

  • WheelMenu

    WheelMenu

    マウスオーバーした要素を中心にメニューが円状に配置されるプラグイン

  • MeanMenu

    MeanMenu

    レスポンシブメニューを簡単に設置できる