首页>>导航菜单>>jQuery 侧面展开/隐藏的菜单(2014-01-06)

jQuery 侧面展开/隐藏的菜单

jQuery 侧面展开/隐藏的菜单

XML/HTML Code
  1. <div id="side-menu">  
  2. <ul>  
  3. <li><a href="/">Main</a><span class="icon"></span></li>  
  4. <li><a href="/page-2/">Page 2</a><span class="icon"></span></li>  
  5. <li><a href="/page-3/">Page 3</a><span class="icon"></span></li>  
  6. <li><a href="/page-4/">Page 4</a><span class="icon"></span></li>  
  7. </ul>  
  8. </div>  
  9. <div data-role="page" id="about-the-band" data-title="Page Title" data-theme="b" class="pages">  
  10. <div data-role="header" data-theme="b"> <a href="#" class="showMenu" data-role="button" data-icon="grid" data-iconpos="notext">Menu</a>  
  11. </div>  
  12. <script type="text/javascript">  
  13.     $(function(){  
  14.         $('#side-menu').slideMenu();  
  15.     });  
  16. </script>  

 


原文地址:http://www.freejs.net/article_daohangcaidan_224.html