注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

jquery圆环菜单插件mobilyblocks

菜单 fishcity 3591浏览

jquery圆环菜单

mobilyblocks是一款非常棒的jquery圆环菜单插件,轻巧,易用,没压缩都只有3KB大小,更令人兴奋的是一行代码就可以把插件集成到项目中了。本实例使用了部分CSS3属性,需在现代浏览器中才能正常工作。实例的CSS3可以根据自己项目的需要来自定义,不拘泥于现有的。

jquery实例:mobilyblocks使用方法

引入核心文件

<link href="css/default.css" rel="stylesheet" type="text/css" />
<script src="http://libs.useso.com/js/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="js/mobilyblocks.js" type="text/javascript"></script>

构建html

<div class="nature">
  <h1>主菜单</h1>
  <ul class="reset">
    <li><a href="http://www.jqcool.net">jQ酷</a></li>
    <li><a href="http://www.jqcool.net/jquery-download">jqeury下载</a></li>
    <li><a href="http://www.jqcool.net/plug">jquery插件</a></li>
    <li><a href="http://www.jqcool.net/jquery-course">jquery教程</a></li>
    <li><a href="http://www.jqcool.net/adminnote">站长随记</a></li>
    <li><a href="http://www.jqcool.net/guestbook">留言</a></li>
    <li><a href="http://www.jqcool.net">jQ大神</a></li>
  </ul>
</div>

写入JS初始化

$(function(){
	$('.nature').mobilyblocks({
		trigger: 'hover', //触发的方式
		direction: 'counter', //动画方向
		duration:500,  //动画持续时间
		zIndex:50,  //z-inde值
		widthMultiplier:1.15  //宽度的倍数
	});
});

转载请注明:jQ酷 » jquery圆环菜单插件mobilyblocks

下载地址:本站下载 | 百度云
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。