jQuery版仿Path菜单效果
更新时间：2011年12月15日 00:13:11 作者：
昨日在一个前端网站上看见了一个老外写的纯用css3做的仿Path菜单，心里痒痒，于是也用jQuery写了一个，现在分享给大家
使用方法:
1.依次引用jquery.1.7.1,jQueryRotateCompressed.2.1.js(旋转插件),jquery.path.1.0.js(我自己写的Path插件)
2.页面元素采用如下格式
<div id="content">
<div>单击我</div>
<div>★</div>
<div>★</div>
<div>★</div>
<div>★</div>
<div>★</div>
</div>
最外层为父级包裹div，内部第一个div为需要单击元素，剩余的是Path菜单元素
3.只需一小段代码
$(document).ready(function (){
$('#content').path({
radius: 100, //半径
radian: 90, //弧度
duration: 200//动画时间
});
});
4.enjoy yourself!
附
插件下载
jQueryRotateCompressed.2.1.js(旋转插件)
jquery.path.1.0.js(Path插件)
脚本之家打包下载
1.依次引用jquery.1.7.1,jQueryRotateCompressed.2.1.js(旋转插件),jquery.path.1.0.js(我自己写的Path插件)
2.页面元素采用如下格式
复制代码 代码如下:
<div id="content">
<div>单击我</div>
<div>★</div>
<div>★</div>
<div>★</div>
<div>★</div>
<div>★</div>
</div>
最外层为父级包裹div，内部第一个div为需要单击元素，剩余的是Path菜单元素
3.只需一小段代码
复制代码 代码如下:
$(document).ready(function (){
$('#content').path({
radius: 100, //半径
radian: 90, //弧度
duration: 200//动画时间
});
});
4.enjoy yourself!
附
插件下载
jQueryRotateCompressed.2.1.js(旋转插件)
jquery.path.1.0.js(Path插件)
脚本之家打包下载
相关文章
本文给大家分享一个自己编写的使用jquery+javascript实现的国籍控件，效果非常不错，这里推荐给大家。2015-02-02
用户点击下一步时，不对Display=none的新增区域表单进行验证，需要在用户点击“取消增加时”，禁用服务器验证控件。反之，启用服务器验证控件。2010-04-04
这篇文章主要介绍了基于jQuery实现仿搜狐辩论投票动画代码 的相关资料,需要的朋友可以参考下2016-02-02
JQuery获取浏览器窗口宽高，文档宽高的代码，使用jquery的朋友可以参考下。2011-07-07
浅谈jquery.fn.extend与jquery.extend区别
本文给大家简单描述了下jquery.fn.extend与jquery.extend的概念以及区别，十分的实用，有需要的小伙伴可以参考下。2015-07-07
下面小编就为大家带来一篇jquery请求servlet实现ajax异步请求的示例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
在本篇文章里小编给大家分享了关于Jquery获取radio选中值实例总结内容，有兴趣的朋友们可以学习下。2019-01-01
这篇文章主要为大家详细介绍了jQuery实现电梯导航模块，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
jQuery.Form实现Ajax上传文件同时设置headers的方法
这篇文章主要介绍了jQuery.Form实现Ajax上传文件同时设置headers的方法，非常不错，具有参考借鉴价值,需要的朋友可以参考下2017-06-06
JQuery Ajax通过Handler访问外部XML数据的代码
JQuery是一款不错的Javascript脚本框架，相信园子里的很多朋友对它都不陌生，我们在开发Web应用程序时难免会使用到Javascript脚本，而使用一款不错的脚本框架将会大大节省我们的开发时间， 并可以毫不费力地实现很多非常酷的效果。2010-06-06
最新评论