Trunk.js jQuery响应式导航菜单插件
XML/HTML Code
- <div class="container">
- <header class="slide"> <!-- Add "slideRight" class to items that move right when viewing Nav Drawer -->
- <ul id="navToggle" class="burger slide"> <!-- Add "slideRight" class to items that move right when viewing Nav Drawer -->
- <li></li><li></li><li></li>
- </ul>
- <h1 class="logo"><a href="http://www.freejs.net" title="freejs首页"><img src="../../images/logo.png" height="47" width="500" alt="freejs首页" /></a></h1>
- </header>
- <nav class="slide">
- <ul>
- <li><a href="#" class="active">HOME</a></li>
- <li><a href="#">LINK TWO</a></li>
- <li><a href="#">LINK THREE</a></li>
- <li><a href="#">LINK FOUR</a></li>
- <li><a href="#">LINK FIVE</a></li>
- <li><a href="#">LINK SIX</a></li>
- <li><a href="#">LINK SEVEN</a></li>
- </ul>
- </nav>
- <div class="content slide"> <!-- Add "slideRight" class to items that move right when viewing Nav Drawer -->
- <ul class="responsive">
- <li class="header-section">
- <p class="placefiller">HEADER</p>
- </li>
- <li class="body-section">
- <p class="placefiller">BODY
- </p>
- </li>
- <li class="footer-section">
- <p class="placefiller">FOOTER</p>
- </li>
- </ul>
- </div>
- </div>
原文地址:http://www.freejs.net/article_daohangcaidan_640.html