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

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' });
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) |