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 (二) 万能的选择器
Oct 01 Javascript
JavaScript中清空数组的三种方法分享
Apr 07 Javascript
从阶乘函数对比Javascript和C#的异同
May 31 Javascript
ScrollDown的基本操作示例
Jun 09 Javascript
javascript使用isNaN()函数判断变量是否为数字
Sep 21 Javascript
jQuery实现等比例缩放大图片让大图片自适应页面布局
Oct 16 Javascript
浅谈JavaScript函数参数的可修改性问题
Dec 05 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
Mar 23 Javascript
jquery图片放大镜效果
Jun 23 jQuery
vue-cli脚手架引入图片的几种方法总结
Mar 13 Javascript
mpvue微信小程序开发之实现一个弹幕评论
Nov 24 Javascript
JS数组方法some、every和find的使用详情
Oct 05 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四种基础算法代码实例
2013/10/29 PHP
PHP加Nginx实现动态裁剪图片方案
2014/03/10 PHP
php抓取网站图片并保存的实现方法
2015/10/29 PHP
利用php输出不同的心形图案
2016/04/22 PHP
详解php用curl调用接口方法,get和post两种方式
2017/01/13 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
借用Google的Javascript API Loader来加速你的网站
2009/01/28 Javascript
javascript实现滑动解锁功能
2014/12/31 Javascript
javascript获取文档坐标和视口坐标
2015/05/26 Javascript
浅析JavaScript 调试方法和技巧
2015/10/22 Javascript
jquery特效 点击展示与隐藏全文
2015/12/09 Javascript
如何在 Vue.js 中使用第三方js库
2017/04/25 Javascript
Vue 过滤器filters及基本用法
2017/12/26 Javascript
Vuex提升学习篇
2018/01/11 Javascript
vue+element+Java实现批量删除功能
2019/04/08 Javascript
JavaScript实现省份城市的三级联动
2020/02/11 Javascript
pytyon 带有重复的全排列
2013/08/13 Python
Python pass 语句使用示例
2014/03/11 Python
Python中解析JSON并同时进行自定义编码处理实例
2015/02/08 Python
Python3的高阶函数map,reduce,filter的示例详解
2019/07/23 Python
Python Web框架之Django框架文件上传功能详解
2019/08/16 Python
python的faker库用法
2019/11/28 Python
pytorch 中的重要模块化接口nn.Module的使用
2020/04/02 Python
matplotlib事件处理基础(事件绑定、事件属性)
2021/02/03 Python
基于HTML5 Canvas 实现弹出框效果
2017/06/05 HTML / CSS
探究 canvas 绘图中撤销(undo)功能的实现方式详解
2018/05/17 HTML / CSS
巴西备受欢迎的服装和生活方式品牌:FARM Rio
2020/02/04 全球购物
.net C#面试题
2012/08/28 面试题
为什么需要版本控制?
2013/08/08 面试题
土建专业大学生自荐信范文
2014/04/09 职场文书
俞敏洪励志演讲稿
2014/04/29 职场文书
淘宝活动总结范文
2014/06/26 职场文书
责任书范本大全
2015/05/11 职场文书
Python编程源码报错解决方法总结经验分享
2021/10/05 Python
Java8中Stream的一些神操作
2021/11/02 Java/Android
JavaScript实现一键复制内容剪贴板
2022/07/23 Javascript