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 面向对象编程  function是方法(函数)
Sep 17 Javascript
学习ExtJS Panel常用方法
Oct 07 Javascript
Javascript学习笔记8 用JSON做原型
Jan 11 Javascript
javascript常见操作汇总
Sep 03 Javascript
js如何准确获取当前页面url网址信息
Sep 13 Javascript
详解使用fetch发送post请求时的参数处理
Apr 05 Javascript
解决vue处理axios post请求传参的问题
Mar 05 Javascript
小程序兼容安卓和IOS数据处理问题及坑
Sep 18 Javascript
详解用Webpack与Babel配置ES6开发环境
Mar 12 Javascript
小程序实现横向滑动日历效果
Oct 21 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
Nov 13 Javascript
node.js如何根据URL返回指定的图片详解
Oct 21 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扩展开发经验分享
2012/09/06 PHP
thinkphp路由规则使用示例详解和伪静态功能实现(apache重写)
2014/02/24 PHP
从零开始学YII2框架(三)扩展插件yii2-gird
2014/08/20 PHP
smarty实现多级分类的方法
2014/12/05 PHP
PHP实现的文件浏览器功能简单示例
2019/09/12 PHP
$()JS小技巧
2007/07/21 Javascript
JS 密码强度验证(兼容IE,火狐,谷歌)
2010/03/15 Javascript
网络图片延迟加载实现代码 超越jquery控件
2010/03/27 Javascript
用javascript作一个通用向导说明
2011/08/30 Javascript
用JavaScript仿PS里的羽化效果代码
2011/12/20 Javascript
js图片自动切换效果处理代码
2013/05/07 Javascript
jquery插件开发注意事项小结
2013/06/04 Javascript
jquery 倒计时效果实现秒杀思路
2013/09/11 Javascript
js字符串转成JSON
2013/11/07 Javascript
Javascript验证上传图片大小[前台处理]
2014/07/18 Javascript
基于jquery实现鼠标滚轮驱动的图片切换效果
2015/10/26 Javascript
简单的jQuery banner图片轮播实例代码
2016/03/04 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
2016/04/21 Javascript
jquery表单插件Autotab使用方法详解
2016/06/24 Javascript
js获取json中key所对应的value值的简单方法
2020/06/17 Javascript
ES6中Array.includes()函数的用法
2017/09/20 Javascript
微信小程序checkbox组件使用详解
2018/01/31 Javascript
Vuejs监听vuex中值的变化的方法示例
2018/12/02 Javascript
微信小程序之数据绑定原理解析
2019/08/14 Javascript
layui输入框只允许输入中文且判断长度的例子
2019/09/18 Javascript
vue.js的状态管理vuex中store的使用详解
2019/11/08 Javascript
Python内置的字符串处理函数详细整理(覆盖日常所用)
2014/08/19 Python
python得到qq句柄,并显示在前台的方法
2018/10/14 Python
Python实现FTP文件传输的实例
2019/07/07 Python
Python实现从N个数中找到最大的K个数
2020/04/02 Python
某公司的.net工程师面试题笔试题
2013/11/22 面试题
房屋维修协议书范本
2014/09/25 职场文书
灵山大佛导游词
2015/02/04 职场文书
2015年度学校卫生工作总结
2015/05/12 职场文书
医院见习总结
2015/06/24 职场文书
python实现的人脸识别打卡系统
2021/05/08 Python