【jQuery】シンプルなjQueryメニュープラグイン。Snavvy

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

jQuery

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

Snavvy

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

JS

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

HTML

<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>

Options

$('#snavvy').snavvy({ 
width: 100,
location: 'right',
parent: 'body',
close: 'true',
menuItems: '#snavvy-links'
});
Option Values
width 0 – 100%
location left, right, top, bottom
parent #id or .class name of desired parent element
close true or false
menuItems #id or .class name of menu-list element (see examples)
 
snavvy

【jQuery】シンプルなjQueryメニュープラグイン。Snavvy

  • LATEST
  • RELATED
  • POPULAR