首页 > 代码库 > jQuery Wheel 环形菜单插件5种效果演示
jQuery Wheel 环形菜单插件5种效果演示
很酷的菜单-jQuery Wheel 环形菜单插件5种效果演示
在线预览
下载地址
实例代码
<div class="container"> <!-- Top Navi --> <div class="header"> <h1>jQuery Wheel 环形菜单插件 Demo 1: Default Settings</h1> </div> <div class="menu"> <a class="active" href="http://www.mamicode.com/index.html">Demo 1</a> <a href="http://www.mamicode.com/index2.html">Demo 2</a> <a href="http://www.mamicode.com/index3.html">Demo 3</a> <a href="http://www.mamicode.com/index4.html">Demo 4</a> <a href="http://www.mamicode.com/index5.html">Demo 5</a> </div> <div class="main"> <a href="http://www.mamicode.com/#wheel" class="wheel-button"> <i class="customicon-plus"></i> </a> <div class="pointer">Click me</div> <ul id="wheel"> <li class="item"><a href="http://www.mamicode.com/#home"><i class="customicon-home"></i></a></li> <li class="item"><a href="http://www.mamicode.com/#home"><i class="customicon-music"></i></a></li> <li class="item"><a href="http://www.mamicode.com/#home"><i class="customicon-video"></i></a></li> <li class="item"><a href="http://www.mamicode.com/#home"><i class="customicon-heart"></i></a></li> <li class="item"><a href="http://www.mamicode.com/#home"><i class="customicon-user"></i></a></li> <li class="item"><a href="http://www.mamicode.com/#home"><i class="customicon-trash"></i></a></li> <li class="item"><a href="http://www.mamicode.com/#home"><i class="customicon-envelope"></i></a></li> <li class="item"><a href="http://www.mamicode.com/#home"><i class="customicon-camera"></i></a></li> <li class="item"><a href="http://www.mamicode.com/#home"><i class="customicon-picture"></i></a></li> <li class="item"><a href="http://www.mamicode.com/#home"><i class="customicon-eye-open"></i></a></li> </ul> </div> </div><!-- Container --> <script type="text/javascript"> $(".wheel-button").wheelmenu(); </script>
jQuery Wheel 环形菜单插件5种效果演示
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。