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 相关文章推荐
javascript window对象属性整理
Oct 24 Javascript
javascript事件冒泡详解和捕获、阻止方法
Apr 12 Javascript
javascript动态判断html元素并执行不同的操作
Jun 16 Javascript
javascript验证身份证号
Mar 03 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
Jun 12 Javascript
angular基于路由控制ui-router实现系统权限控制
Sep 27 Javascript
JS异步文件分片断点上传的实现思路
Dec 25 Javascript
jquery+ajaxform+springboot控件实现数据更新功能
Jan 22 jQuery
nodemon实现Typescript项目热更新的示例代码
Nov 19 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
Mar 20 jQuery
vue 需求 data中的数据之间的调用操作
Aug 05 Javascript
JS异步堆栈追踪之为什么await胜过Promise
Apr 28 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
解析mysql 表中的碎片产生原因以及清理
2013/06/22 PHP
php使用正则表达式提取字符串中尖括号、小括号、中括号、大括号中的字符串
2020/04/05 PHP
一个php生成16位随机数的代码(两种方法)
2014/09/16 PHP
php的curl封装类用法实例
2014/11/07 PHP
PHP异常处理Exception类
2015/12/11 PHP
PHP chunk_split()函数讲解
2019/02/12 PHP
php中关于换行的实例写法
2019/09/26 PHP
Laravel实现搜索的时候分页并携带参数
2019/10/15 PHP
农历与西历对照
2006/09/06 Javascript
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
2011/02/25 Javascript
JQuery文本改变触发事件如聚焦事件、失焦事件
2014/01/15 Javascript
jQuery实现跟随鼠标运动图层效果的方法
2015/02/02 Javascript
JS实现的Select三级下拉菜单代码
2015/08/20 Javascript
浅析jQuery操作select控件的取值和设值
2016/12/07 Javascript
JavaScript实现图片瀑布流和底部刷新
2017/01/02 Javascript
React中使用collections时key的重要性详解
2017/08/07 Javascript
django轻松使用富文本编辑器CKEditor的方法
2017/03/30 Python
用Python实现KNN分类算法
2017/12/22 Python
Django+Ajax+jQuery实现网页动态更新的实例
2018/05/28 Python
python使用tornado实现登录和登出
2018/07/28 Python
Python通过paramiko远程下载Linux服务器上的文件实例
2018/12/27 Python
浅析Windows 嵌入python解释器的过程
2019/07/26 Python
python requests证书问题解决
2019/09/05 Python
python利用opencv实现SIFT特征提取与匹配
2020/03/05 Python
Django如何在不停机的情况下创建索引
2020/08/02 Python
基于CSS3制作立体效果导航菜单
2016/01/12 HTML / CSS
CSS3 Calc实现滚动条出现页面不跳动问题
2017/09/14 HTML / CSS
J2EE中常用的名词进行解释
2015/11/09 面试题
毕业生个人投资创业计划书
2014/01/04 职场文书
大学学习生活感言
2014/01/18 职场文书
护士2014年终工作总结
2014/11/11 职场文书
教师个人考察材料
2014/12/16 职场文书
电影复兴之路观后感
2015/06/02 职场文书
浪漫的婚礼主持词
2015/06/30 职场文书
幼儿园六一儿童节开幕词
2016/03/04 职场文书
《吸血鬼幸存者》新内容发布 追加多个全新模式
2022/04/07 其他游戏