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 相关文章推荐
选择TreeView控件的树状数据节点的JS方法(jquery)
Feb 06 Javascript
JQuery显示、隐藏div的几种方法简明总结
Apr 16 Javascript
js实现简单折叠、展开菜单的方法
Aug 28 Javascript
JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)
Sep 24 Javascript
js弹出对话框方式小结
Nov 17 Javascript
mvvm双向绑定机制的原理和实现代码(推荐)
Jun 07 Javascript
jQuery EasyUi 验证功能实例解析
Jan 06 Javascript
js实现产品缩略图效果
Mar 10 Javascript
基于dataset的使用和图片延时加载的实现方法
Dec 11 Javascript
解决vue动态为数据添加新属性遇到的问题
Sep 18 Javascript
vue.js iview打包上线后字体图标不显示解决办法
Jan 20 Javascript
Vue的列表之渲染,排序,过滤详解
Feb 24 Vue.js
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常用技术文之文件操作和目录操作总结
2014/09/27 PHP
详解Grunt插件之LiveReload实现页面自动刷新(两种方案)
2015/07/31 PHP
PHP实现的构造sql语句类实例
2016/02/03 PHP
给大家分享几个常用的PHP函数
2017/01/15 PHP
PHP与以太坊交互详解
2018/08/24 PHP
PHP常用字符串输出方法分析(echo,print,printf及sprintf)
2021/03/09 PHP
百度留言本js 大家可以参考下
2009/10/13 Javascript
javascript下4个跨浏览器必备的函数
2010/03/07 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
2012/12/28 Javascript
判断输入是否为空,获得输入类型的JS代码
2013/10/30 Javascript
我的Node.js学习之路(二)NPM模块管理
2014/07/06 Javascript
用js读写cookie的简单方法(推荐)
2016/08/08 Javascript
JS创建Tag标签的方法详解
2017/06/09 Javascript
Express+Nodejs 下的登录拦截实现代码
2017/07/01 NodeJs
加快Vue项目的开发速度的方法
2018/12/12 Javascript
JS块级作用域和私有变量实例分析
2019/05/11 Javascript
vue实现带过渡效果的下拉菜单功能
2020/02/19 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
2020/02/26 Javascript
python多线程抓取天涯帖子内容示例
2014/04/03 Python
Python3实现发送QQ邮件功能(文本)
2017/12/15 Python
TensorFlow实现RNN循环神经网络
2018/02/28 Python
python 输出上个月的月末日期实例
2018/04/11 Python
详解Python requests 超时和重试的方法
2018/12/18 Python
python实现简单银行管理系统
2019/10/25 Python
Python调用JavaScript代码的方法
2020/10/27 Python
linux mint中搜狗输入法导致pycharm卡死的问题
2020/10/28 Python
用HTML5.0制作网页的教程
2010/05/30 HTML / CSS
HTML5和以前HTML4的区别整理
2013/10/20 HTML / CSS
阿迪达斯印尼官方网站:adidas印尼
2020/02/10 全球购物
大四自我鉴定范文
2013/10/06 职场文书
幼儿园中班上学期评语
2014/04/18 职场文书
物业品质提升方案
2014/06/08 职场文书
工作后的感想
2015/08/07 职场文书
会计继续教育培训心得体会
2016/01/19 职场文书
Python字典和列表性能之间的比较
2021/06/07 Python
MySQL 用 limit 为什么会影响性能
2021/09/15 MySQL