<h1>jQuery / Zepto響應(yīng)式菜單 PgwMenu 演示</h1> 
 <p class="dowebok-explain">請(qǐng)縮小/放大瀏覽器窗口寬度查看效果</p> 
 <h2>深色樣式（默認(rèn)）</h2> 
 <ul class="pgwMenu"> 
  <li><a class="selected" href="http://www.fzitv.net/">首頁</a></li> 
  <li><a href="http://www.fzitv.net/">代碼</a></li> 
  <li><a href="http://www.fzitv.net/">素材</a></li> 
  <li><a href="http://www.fzitv.net/">模板</a></li> 
  <li><a href="javascript:">關(guān)于</a></li> 
  <li><a href="javascript:">服務(wù)</a></li> 
  <li><a href="http://www.fzitv.net/">聯(lián)系</a></li> 
 </ul> 
 <h2>淺色樣式（默認(rèn)）</h2> 
 <ul class="pgwMenu light"> 
  <li><a class="selected" href="http://www.fzitv.net/">首頁</a></li> 
  <li><a href="http://www.fzitv.net/">代碼</a></li> 
  <li><a href="http://www.fzitv.net/">素材</a></li> 
  <li><a href="http://www.fzitv.net/">模板</a></li> 
  <li><a href="javascript:">關(guān)于</a></li> 
  <li><a href="javascript:">服務(wù)</a></li> 
  <li><a href="http://www.fzitv.net/">聯(lián)系</a></li> 
 </ul> 
 <h2>自定義樣式</h2> 
 <ul class="pgwMenuCustom"> 
  <li><a class="selected" href="http://www.fzitv.net/">首頁</a></li> 
  <li><a href="http://www.fzitv.net/">代碼</a></li> 
  <li><a href="http://www.fzitv.net/">素材</a></li> 
  <li><a href="http://www.fzitv.net/">模板</a></li> 
  <li><a href="javascript:">關(guān)于</a></li> 
  <li><a href="javascript:">服務(wù)</a></li> 
  <li><a href="http://www.fzitv.net/">聯(lián)系</a></li> 
 </ul>

$(function () { 
   $('.pgwMenu').pgwMenu({ 
    dropDownLabel: '菜單', 
    viewMoreLabel: '更多<span class="icon"></span>' 
   }); 
   $('.pgwMenuCustom').pgwMenu({ 
    mainClassName: 'pgwMenuCustom', 
    dropDownLabel: '菜單', 
    viewMoreLabel: '更多<span class="icon"></span>' 
   }); 
  });