首页>>导航菜单>>悬浮九宫格菜单jQuery插件jQueryPopMenu(2014-08-15)

悬浮九宫格菜单jQuery插件jQueryPopMenu

悬浮九宫格菜单jQuery插件jQueryPopMenu
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1.  <div id="container">  
  2.   
  3.        <div id="demo_box">  
  4.             <div class="pop_ctrl"><i class="fa fa-bars"></i></div>  
  5.             <ul id="demo_ul">  
  6.                 <li class="demo_li"><a href="http://www.sucaijiayuan.com"><div><i class="fa fa-home"></i></div><div>Home</div></a></li>  
  7.                 <li class="demo_li"><a href="http://www.sucaijiayuan.com"><div><i class="fa fa-cloud"></i></div><div>Cloud</div></a></li>  
  8.                 <li class="demo_li"><div><i class="fa fa-cog"></i></div><div>settings</div></li>  
  9.                 <li class="demo_li"><div><i class="fa fa-envelope"></i></div><div>E-mail</div></li>  
  10.                 <li class="demo_li"><div><i class="fa fa-clock-o"></i></div><div>Clock</div></li>  
  11.                 <li class="demo_li"><div><i class="fa fa-folder"></i></div><div>Files</div></li>  
  12.                 <li class="demo_li"><div><i class="fa fa-heart-o"></i></div><div>Favourites</div></li>  
  13.                 <li class="demo_li"><div><i class="fa fa-mobile"></i></div><div>Mobile</div></li>  
  14.                 <li class="demo_li"><div><i class="fa fa-power-off"></i></div><div>Exit</div></li>  
  15.             </ul>  
  16.         </div>  
  17.         <div id="demo_box_2">  
  18.             <div class="pop_ctrl"><i class="fa fa-bars"></i></div>  
  19.             <ul id="demo_ul_2">  
  20.                 <li class="demo_li"><a href="#"><div><i class="fa fa-home"></i></div><div>Home</div></a></li>  
  21.                 <li class="demo_li"><div><i class="fa fa-cloud"></i></div><div>Cloud</div></li>  
  22.                 <li class="demo_li"><div><i class="fa fa-cog"></i></div><div>settings</div></li>  
  23.                 <li class="demo_li"><div><i class="fa fa-envelope"></i></div><div>E-mail</div></li>  
  24.                 <li class="demo_li"><div><i class="fa fa-clock-o"></i></div><div>Clock</div></li>  
  25.                 <li class="demo_li"><div><i class="fa fa-folder"></i></div><div>Files</div></li>  
  26.                 <li class="demo_li"><div><i class="fa fa-heart-o"></i></div><div>Favourites</div></li>  
  27.                 <li class="demo_li"><div><i class="fa fa-mobile"></i></div><div>Mobile</div></li>  
  28.                 <li class="demo_li"><div><i class="fa fa-power-off"></i></div><div>Exit</div></li>  
  29.             </ul>  
  30.         </div>  
  31.          
  32.     </div>  
  33. </div>  

 


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