悬浮九宫格菜单jQuery插件jQueryPopMenu
XML/HTML Code
- <div id="container">
- <div id="demo_box">
- <div class="pop_ctrl"><i class="fa fa-bars"></i></div>
- <ul id="demo_ul">
- <li class="demo_li"><a href="http://www.sucaijiayuan.com"><div><i class="fa fa-home"></i></div><div>Home</div></a></li>
- <li class="demo_li"><a href="http://www.sucaijiayuan.com"><div><i class="fa fa-cloud"></i></div><div>Cloud</div></a></li>
- <li class="demo_li"><div><i class="fa fa-cog"></i></div><div>settings</div></li>
- <li class="demo_li"><div><i class="fa fa-envelope"></i></div><div>E-mail</div></li>
- <li class="demo_li"><div><i class="fa fa-clock-o"></i></div><div>Clock</div></li>
- <li class="demo_li"><div><i class="fa fa-folder"></i></div><div>Files</div></li>
- <li class="demo_li"><div><i class="fa fa-heart-o"></i></div><div>Favourites</div></li>
- <li class="demo_li"><div><i class="fa fa-mobile"></i></div><div>Mobile</div></li>
- <li class="demo_li"><div><i class="fa fa-power-off"></i></div><div>Exit</div></li>
- </ul>
- </div>
- <div id="demo_box_2">
- <div class="pop_ctrl"><i class="fa fa-bars"></i></div>
- <ul id="demo_ul_2">
- <li class="demo_li"><a href="#"><div><i class="fa fa-home"></i></div><div>Home</div></a></li>
- <li class="demo_li"><div><i class="fa fa-cloud"></i></div><div>Cloud</div></li>
- <li class="demo_li"><div><i class="fa fa-cog"></i></div><div>settings</div></li>
- <li class="demo_li"><div><i class="fa fa-envelope"></i></div><div>E-mail</div></li>
- <li class="demo_li"><div><i class="fa fa-clock-o"></i></div><div>Clock</div></li>
- <li class="demo_li"><div><i class="fa fa-folder"></i></div><div>Files</div></li>
- <li class="demo_li"><div><i class="fa fa-heart-o"></i></div><div>Favourites</div></li>
- <li class="demo_li"><div><i class="fa fa-mobile"></i></div><div>Mobile</div></li>
- <li class="demo_li"><div><i class="fa fa-power-off"></i></div><div>Exit</div></li>
- </ul>
- </div>
- </div>
- </div>
原文地址:http://www.freejs.net/article_daohangcaidan_401.html