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 写类方式之九
Jul 05 Javascript
爆炸式的JS圆形浮动菜单特效代码
Mar 03 Javascript
在js(jquery)中获得文本框焦点和失去焦点的方法
Dec 04 Javascript
jquery submit ie6下失效的原因分析及解决方法
Nov 15 Javascript
javascript实现瀑布流自适应遇到的问题及解决方案
Jan 28 Javascript
Javascript实现飞动广告效果的方法
May 25 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
Oct 28 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
Jun 23 Javascript
vue-loader教程介绍
Jun 14 Javascript
switchery按钮的使用方法
Dec 18 Javascript
jQuery pjax 应用简单示例
Sep 20 jQuery
浅谈vue生命周期共有几个阶段?分别是什么?
Aug 07 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常用特殊运算符号和函数总结(php新手入门必看)
2013/02/02 PHP
深入分析使用mysql_fetch_object()以对象的形式返回查询结果
2013/06/05 PHP
JavaScript中的new的使用方法与注意事项
2007/05/16 Javascript
仿163填写邮件地址自动显示下拉(无优化)
2008/11/05 Javascript
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
2013/04/15 Javascript
使用js检测浏览器的实现代码
2013/05/14 Javascript
extjs中form与grid交互数据(record)的方法
2013/08/29 Javascript
验证控件与Button的OnClientClick事件详细解析
2013/12/04 Javascript
AngularJS内置指令
2015/02/04 Javascript
Javascript数组Array基础介绍
2016/03/13 Javascript
JavaScript基于原型链的继承
2016/06/22 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
js中 计算两个日期间的工作日的简单实例
2016/08/08 Javascript
Vue编写多地区选择组件
2017/08/21 Javascript
node.js基于express使用websocket的方法
2017/11/09 Javascript
浅谈node.js 命令行工具(cli)
2018/05/10 Javascript
JS实现字符串中去除指定子字符串方法分析
2018/05/17 Javascript
jQuery实现的别踩白块小游戏完整示例
2019/01/07 jQuery
浅谈Vue页面级缓存解决方案feb-alive(上)
2019/04/14 Javascript
JS实现滑动插件
2020/01/15 Javascript
深入分析JavaScript 事件循环(Event Loop)
2020/06/19 Javascript
Python 爬虫图片简单实现
2017/06/01 Python
基于python爬虫数据处理(详解)
2017/06/10 Python
Python3实现购物车功能
2018/04/18 Python
python爬虫 猫眼电影和电影天堂数据csv和mysql存储过程解析
2019/09/05 Python
Python实现序列化及csv文件读取
2020/01/19 Python
Win10里python3创建虚拟环境的步骤
2020/01/31 Python
CSS的pointer-events属性详细介绍(作用和注意事项)
2014/04/23 HTML / CSS
用html5实现语音搜索框的方法
2014/03/18 HTML / CSS
四方通行旅游网:台湾订房、出国旅游
2017/09/20 全球购物
特教教师先进事迹
2014/05/21 职场文书
七夕情人节促销方案
2014/06/07 职场文书
住房抵押登记委托书
2014/09/27 职场文书
施工单位工程部经理岗位职责
2015/04/09 职场文书
什么是执行力?9个故事告诉您:成功绝非偶然!
2019/07/05 职场文书
Nginx的基本概念和原理
2022/03/21 Servers