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的面向对象(二)
Nov 09 Javascript
firefox中JS读取XML文件
Dec 21 Javascript
JavaScript 原型继承
Dec 26 Javascript
IE6中链接A的href为javascript协议时不在当前页面跳转
Jun 05 Javascript
JQuery Ajax WebService传递参数的简单实例
Nov 02 Javascript
js实现百度搜索提示框
Feb 05 Javascript
微信小程序中显示html格式内容的方法
Apr 25 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
Jul 26 Javascript
微信小程序左右滑动的实现代码
Dec 15 Javascript
JS中利用FileReader实现上传图片前本地预览功能
Mar 02 Javascript
vue+canvas实现移动端手写签名
May 21 Javascript
express异步函数异常捕获示例详解
Nov 30 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&amp;&amp;mysql)二
2006/10/09 PHP
PHP 登录完成后如何跳转上一访问页面
2014/01/14 PHP
php实现在服务器端调整图片大小的方法
2015/06/16 PHP
Laravel数据库读写分离配置的方法
2019/10/13 PHP
关于图片按比例自适应缩放的js代码
2011/10/30 Javascript
NodeJS Express框架中处理404页面一个方式
2014/05/28 NodeJs
jQuery插件Tmpl的简单使用方法
2015/04/27 Javascript
浅谈JavaScript中指针和地址
2015/07/26 Javascript
laypage分页控件使用实例详解
2016/05/19 Javascript
js窗口震动小程序分享
2016/11/28 Javascript
原生Aajax 和jQuery Ajax 写法个人总结
2017/03/24 jQuery
js 原生判断内容区域是否滚动到底部的实例代码
2017/11/15 Javascript
vue实现动态列表点击各行换色的方法
2018/09/13 Javascript
Bootstrap Paginator+PageHelper实现分页效果
2018/12/29 Javascript
[03:30]完美盛典趣味短片 CSGO2019年度名场面
2019/12/07 DOTA
Python中__init__和__new__的区别详解
2014/07/09 Python
python检测远程服务器tcp端口的方法
2015/03/14 Python
[原创]教女朋友学Python3(二)简单的输入输出及内置函数查看
2017/11/30 Python
浅析python中的迭代与迭代对象
2018/10/08 Python
python3 读取Excel表格中的数据
2018/10/16 Python
Python字典的基本用法实例分析【创建、增加、获取、修改、删除】
2019/03/05 Python
PyQt5 QListWidget选择多项并返回的实例
2019/06/17 Python
Python OrderedDict的使用案例解析
2019/10/25 Python
python matplotlib 画dataframe的时间序列图实例
2019/11/20 Python
为什么是 Python -m
2020/06/19 Python
python爬虫智能翻页批量下载文件的实例详解
2021/02/02 Python
使用css3实现的windows8开机加载动画
2014/12/09 HTML / CSS
瑞士网球商店:Tennis-Point
2020/03/12 全球购物
计算机专业职业生涯规划范文
2014/01/19 职场文书
电焊工岗位职责
2014/03/06 职场文书
毕业生自荐信如何写
2014/03/24 职场文书
家庭困难证明
2014/10/12 职场文书
初中作文评语集锦
2014/12/25 职场文书
中班上学期个人总结
2015/02/12 职场文书
2015年度村委会工作总结
2015/04/29 职场文书
Vue组件更新数据v-model不生效的解决
2022/04/02 Vue.js