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 相关文章推荐
jquery Firefox3.5中操作select的问题
Jul 10 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
Jun 27 Javascript
JS基础随笔(菜鸟必看篇)
Jul 13 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
Oct 30 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
Dec 24 Javascript
javascript作用域链与执行环境详解
Mar 25 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
Sep 17 Javascript
element vue validate验证名称重复 输入框与后台重复验证 特殊字符 字符长度 及注意事项小结【实例代码】
Nov 20 Javascript
node将geojson转shp返回给前端的实现方法
May 29 Javascript
js实现开关灯效果
Mar 30 Javascript
微信小程序request请求封装,验签代码实例
Dec 04 Javascript
Jquery $.map使用方法实例详解
Sep 01 jQuery
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
中东人咖啡哲学
2021/03/03 咖啡文化
利用 fsockopen() 函数开放端口扫描器的实例
2017/08/19 PHP
ThinkPHP5.0 图片上传生成缩略图实例代码说明
2018/06/20 PHP
PHP保存Base64图片base64_decode的问题整理
2019/11/04 PHP
将HTML自动转为JS代码
2006/06/26 Javascript
js 新浪的一个图片播放图片轮换效果代码
2008/07/15 Javascript
基于node.js的快速开发透明代理
2010/12/25 Javascript
Ajax执行顺序流程及回调问题分析
2012/12/10 Javascript
解读JavaScript中 For, While与递归的用法
2013/05/07 Javascript
document.documentElement和document.body区别介绍
2013/09/16 Javascript
一个支持任意尺寸的图片上下左右滑动效果
2014/08/24 Javascript
PHP使用方法重载实现动态创建属性的get和set方法
2014/11/17 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
2016/08/05 Javascript
使用openSpeDiv方法实现Ecshop登录弹窗框效果
2017/03/13 Javascript
详解如何将angular-ui的图片轮播组件封装成一个指令
2017/05/09 Javascript
js+css3实现炫酷时钟
2020/08/18 Javascript
Python中偏函数用法示例
2018/06/07 Python
基于Python开发chrome插件的方法分析
2018/07/07 Python
对tensorflow 的模型保存和调用实例讲解
2018/07/28 Python
解决Pycharm出现的部分快捷键无效问题
2018/10/22 Python
使用 Visual Studio Code(VSCode)搭建简单的Python+Django开发环境的方法步骤
2018/12/17 Python
Python实现读取txt文件中的数据并绘制出图形操作示例
2019/02/26 Python
keras 使用Lambda 快速新建层 添加多个参数操作
2020/06/10 Python
浅谈Python 命令行参数argparse写入图片路径操作
2020/07/12 Python
Flask-SocketIO服务端安装及使用代码示例
2020/11/26 Python
CSS3田字格列表的样式编写方法
2018/11/22 HTML / CSS
prAna官网:瑜伽、旅行和冒险服装
2019/03/10 全球购物
银行实习生自我鉴定范文
2013/09/19 职场文书
留学推荐信怎么写
2014/01/25 职场文书
图书馆志愿者活动总结
2014/06/27 职场文书
社区志愿者活动方案
2014/08/18 职场文书
百善孝为先:关于孝道的经典语录
2019/10/18 职场文书
详解MySQL连接挂死的原因
2021/05/18 MySQL
redis中lua脚本使用教程
2021/11/01 Redis
使用Oracle命令进行数据库备份与还原
2021/12/06 Oracle
处理canvas绘制图片模糊问题
2022/05/11 Javascript