jQuery版仿Path菜单效果


Posted in Javascript onDecember 15, 2011

使用方法:

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插件)
三水点靠木打包下载

Javascript 相关文章推荐
ExtJs 3.1 XmlTreeLoader Example Error
Feb 09 Javascript
15个款优秀的 jQuery 图片特效插件推荐
Nov 21 Javascript
深入理解JavaScript系列(13) This? Yes,this!
Jan 18 Javascript
使用Grunt.js管理你项目的应用说明
Apr 24 Javascript
Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例
Aug 28 Javascript
Jquery的Tabs内容轮换效果实现代码,几行搞定
Feb 12 Javascript
JavaScript设计模式之外观模式介绍
Dec 28 Javascript
详解React中的组件通信问题
Jul 31 Javascript
nginx部署访问vue-cli搭建的项目的方法
Feb 12 Javascript
JavaScript常见鼠标事件与用法分析
Jan 03 Javascript
JS正则表达式验证密码强度
Mar 18 Javascript
JavaScript中数组去重的5种方法
Jul 04 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
Dec 14 #Javascript
js 可拖动列表实现代码
Dec 13 #Javascript
使用Mootools动态添加Css样式表代码,兼容各浏览器
Dec 12 #Javascript
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
Dec 12 #Javascript
背景图跟随鼠标移动的Mootools插件实现代码
Dec 12 #Javascript
用Mootools获得操作索引的两种方法分享
Dec 12 #Javascript
整理8个很棒的 jQuery 倒计时插件和教程
Dec 12 #Javascript
You might like
十天学会php之第十天
2006/10/09 PHP
收集的二十一个实用便利的PHP函数代码
2010/04/22 PHP
ThinkPHP令牌验证实例
2014/06/18 PHP
thinkphp分页实现效果
2016/10/13 PHP
Laravel访问出错提示:`Warning: require(/vendor/autoload.php): failed to open stream: No such file or di解决方法
2019/04/02 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
JavaScript 快捷键设置实现代码
2009/03/13 Javascript
新发现一个骗链接的方法(js读取cookies)
2012/01/11 Javascript
JavaScript对象学习经验整理
2013/10/12 Javascript
JQuery的ready函数与JS的onload的区别详解
2013/11/21 Javascript
Javascript类型转换的规则实例解析
2016/02/23 Javascript
浅谈NodeJs之数据库异常处理
2017/10/25 NodeJs
Vue异步加载about组件
2017/10/31 Javascript
vue 根据数组中某一项的值进行排序的方法
2018/08/30 Javascript
微信小程序与后台PHP交互的方法实例分析
2018/12/10 Javascript
Vue自定义属性实例分析
2019/02/23 Javascript
javascript History对象原理解析
2020/02/17 Javascript
Python中无限元素列表的实现方法
2014/08/18 Python
Python的Flask框架中实现分页功能的教程
2015/04/20 Python
深入解析Python中的WSGI接口
2015/05/11 Python
Python 判断 有向图 是否有环的实例讲解
2018/02/01 Python
django允许外部访问的实例讲解
2018/05/14 Python
Python基础学习之类与实例基本用法与注意事项详解
2019/06/17 Python
把django中admin后台界面的英文修改为中文显示的方法
2019/07/26 Python
Python pip配置国内源的方法
2020/02/14 Python
python GUI库图形界面开发之PyQt5工具栏控件QToolBar的详细使用方法与实例
2020/02/28 Python
一张图片能隐含千言万语之隐藏你的程序代码
2012/12/13 HTML / CSS
怎样让char类型的东西转换成int类型
2013/12/09 面试题
暑期社会实践先进个人主要事迹
2014/05/22 职场文书
优秀党务工作者先进事迹材料
2014/12/25 职场文书
社区好人好事材料
2014/12/26 职场文书
四年级小学生评语
2014/12/26 职场文书
专业技术职务聘任证明
2015/03/02 职场文书
2015年行政人事工作总结
2015/05/21 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
python实战之90行代码写个猜数字游戏
2021/04/22 Python