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 获取滚动条位置等信息的函数
Sep 08 Javascript
flash 得到自身url参数的代码
Nov 15 Javascript
JavaScript中valueOf函数与toString方法深入理解
Dec 02 Javascript
js判断undefined类型,undefined,null, 的区别详细解析
Dec 16 Javascript
JavaScript使用Prototype实现面向对象的方法
Apr 14 Javascript
JavaScript实现的伸展收缩型菜单代码
Oct 14 Javascript
Active控件问题小结(附解决办法)
Jun 09 Javascript
JS比较两个数值的大小实例
Nov 25 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
Dec 18 Javascript
详解浏览器渲染页面过程
Feb 09 Javascript
Angularjs处理页面闪烁的解决方法
Mar 09 Javascript
利用node.js如何创建子进程详解
Dec 09 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
js+php实现静态页面实时调用用户登陆状态的方法
2015/01/04 PHP
Ajax+PHP实现的分类列表框功能示例
2019/02/11 PHP
JavaScript 类的定义和引用 JavaScript高级培训 自定义对象
2010/04/27 Javascript
网站繁简切换的JS遇到页面卡死的解决方法
2014/03/12 Javascript
jQuery实现按键盘方向键翻页特效
2015/03/18 Javascript
详解JavaScript中的表单验证
2015/06/16 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
2016/03/25 Javascript
js 截取或者替换字符串中的数字实现方法
2016/06/13 Javascript
网页瀑布流布局jQuery实现代码
2016/10/21 Javascript
JS去除重复并统计数量的实现方法
2016/12/15 Javascript
JS库之Three.js 简易入门教程(详解之一)
2017/09/13 Javascript
9102年webpack4搭建vue项目的方法步骤
2019/02/20 Javascript
微信小程序常用赋值方法小结
2019/04/30 Javascript
node.js实现带进度条的多文件上传
2020/03/27 Javascript
详解vue 组件
2020/06/11 Javascript
Vue-cli 移动端布局和动画使用详解
2020/08/10 Javascript
利用Python暴力破解zip文件口令的方法详解
2017/12/21 Python
无法使用pip命令安装python第三方库的原因及解决方法
2018/06/12 Python
图文详解Django使用Pycharm连接MySQL数据库
2019/08/09 Python
tensorflow中tf.slice和tf.gather切片函数的使用
2020/01/19 Python
python输出第n个默尼森数的实现示例
2020/03/08 Python
Django 404、500页面全局配置知识点详解
2020/03/10 Python
Python爬虫简单运用爬取代理IP的实现
2020/12/01 Python
Python基础进阶之海量表情包多线程爬虫功能的实现
2020/12/17 Python
CSS3选择器新增问题的实现
2021/01/21 HTML / CSS
日本著名的平价时尚女性购物网站:Fifth
2016/08/24 全球购物
80年代复古T恤:TruffleShuffle
2018/07/02 全球购物
消防安全检查制度
2014/02/04 职场文书
技校学生个人职业生涯规划范文
2014/03/03 职场文书
校长个人总结
2015/03/03 职场文书
毕业生自荐求职信书写的技巧
2019/08/26 职场文书
教你用Python写一个植物大战僵尸小游戏
2021/04/25 Python
详解Go与PHP的语法对比
2021/05/29 PHP
分析mysql中一条SQL查询语句是如何执行的
2021/06/21 MySQL
Apache Hudi集成Spark SQL操作hide表
2022/03/31 Servers
python神经网络学习 使用Keras进行简单分类
2022/05/04 Python