首页>>导航菜单>>jQuery 响应式菜单,窗口小或者低分辨率隐藏部分导航内容(2015-05-11)

jQuery 响应式菜单,窗口小或者低分辨率隐藏部分导航内容

jQuery 响应式菜单,窗口小或者低分辨率隐藏部分导航内容
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script>  
  2. $(function() {  
  3.     $('.pgwMenu').pgwMenu({  
  4.         dropDownLabel: '菜单',  
  5.         viewMoreLabel: '更多<span class="icon"></span>'  
  6.     });  
  7.   
  8.     $('.pgwMenuCustom').pgwMenu({  
  9.         mainClassName: 'pgwMenuCustom',  
  10.         dropDownLabel: '菜单',  
  11.         viewMoreLabel: '更多<span class="icon"></span>'  
  12.     });  
  13. });  
  14. </script>  
XML/HTML Code
  1. <h2>深色样式（默认）</h2>  
  2. <ul class="pgwMenu">  
  3.     <li><a class="selected" href="">首页</a></li>  
  4.     <li><a href="code">代码</a></li>  
  5.     <li><a href="material">素材</a></li>  
  6.     <li><a href="template">模板</a></li>  
  7.   
  8.     <li><a href="javascript:">关于</a></li>  
  9.     <li><a href="javascript:">服务</a></li>  
  10.     <li><a href="contact">联系</a></li>  
  11. </ul>  

 


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