[網頁設計] 選單動畫jQuery套件 ~ 米煎的學習筆記 Mi-Jian's Note

2016年8月8日星期一

網頁設計, jquery

[網頁設計] 選單動畫jQuery套件

Penny 晚上9:24 沒有留言

以下範例都在menu_left /index.html中

ps.官網 http://git.blivesta.com/drawer/

1.套件：iscroll.js、drawer.min.js

2.css：drawer.css

3.HTML

<body class="drawer drawer--left">

<header role="banner">

<button type="button" class="drawer-toggle drawer-hamburger">

<span class="sr-only">toggle navigation</span>

<span class="drawer-hamburger-icon"></span>

</button>

<nav class="drawer-nav" role="navigation">

<ul class="drawer-menu">

<li><a class="drawer-brand" href="#">Brand</a></li>

<li><a class="drawer-menu-item" href="#">Nav1</a></li>

<li><a class="drawer-menu-item" href="#">Nav2</a></li>

</ul>

</nav>

</header>

<main role="main">

</main>

</body>

4.初始化

$(document).ready(function() {

$('.drawer').drawer();

});

Share:

0 意見:

張貼留言