Snavvyは幾つかの簡単なオプションを備えたjQueryメニュープラグイン。デフォルトの設定を使用してルスクリーンモバイルメニューを実装。

<script type = "text/javascript" src = "js/jquery.js"></script>

<link rel="stylesheet" href="snavvyjs/snavvy.css">
<script src="snavvyjs/snavvy.js"></script>

$('#snavvy').snavvy();

<a id="snavvy">
<i class="fa fa-menu">
</a>

<div class="snavvy-links" id="snavvy-links">
<ul class="links">
<li> <a href="">Link 1</a> </li>
</ul>
</div>

$('#snavvy').snavvy({ 
width: 100,
location: 'right',
parent: 'body',
close: 'true',
menuItems: '#snavvy-links'
});

• Tag
• jQuery
• Navigation