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 20 Javascript
JavaScript 学习笔记一些小技巧
Mar 28 Javascript
JS保存和删除cookie操作 判断cookie是否存在
Nov 13 Javascript
js怎么判断flash swf文件是否加载完毕
Aug 14 Javascript
自定义刻度jQuery进度条及插件
Sep 02 Javascript
常见的javascript跨域通信方法
Dec 31 Javascript
PHP抓取HTTPS内容和错误处理的方法
Sep 30 Javascript
微信小程序 video组件详解
Oct 25 Javascript
微信小程序与公众号卡券/会员打通的问题
Jul 25 Javascript
使用vue cli4.x搭建vue项目的过程详解
May 08 Javascript
JS访问对象两种方式区别解析
Aug 29 Javascript
如何用vue实现网页截图你知道吗
Nov 17 Vue.js
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
单位速度在实战中的运用
2020/03/04 星际争霸
PHP实现通过中文字符比率来判断垃圾评论的方法
2014/10/20 PHP
PHP统计当前在线用户数实例讲解
2015/10/21 PHP
使用PHP实现微信摇一摇周边红包
2016/01/04 PHP
php代码架构的八点注意事项
2016/01/25 PHP
PHP实现登录验证码校验功能
2018/05/17 PHP
laravel config文件配置全局变量的例子
2019/10/13 PHP
List all the Databases on a SQL Server
2007/06/21 Javascript
JS:window.onload的使用介绍
2013/11/13 Javascript
Bootstrap源码解读导航条(7)
2016/12/23 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
2017/05/30 Javascript
Angular项目从新建、打包到nginx部署全过程记录
2017/12/09 Javascript
Js经典案例的实例代码
2018/05/10 Javascript
浅谈Redux中间件的实践
2018/07/27 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
2018/08/07 Javascript
用npm-run实现自动化任务的方法示例
2019/01/14 Javascript
js 将线性数据转为树形的示例代码
2019/05/28 Javascript
8 个有用的JS技巧(推荐)
2019/07/03 Javascript
js实现淘宝首页的banner栏效果
2019/11/26 Javascript
微信小程序自定义菜单切换栏tabbar组件代码实例
2019/12/30 Javascript
vue实现分页的三种效果
2020/06/23 Javascript
[01:00:04]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第二局
2016/02/26 DOTA
使用Python发送各种形式的邮件的方法汇总
2015/11/09 Python
python获取list下标及其值的简单方法
2016/09/12 Python
Python识别html主要文本框过程解析
2020/02/18 Python
Python smtp邮件发送模块用法教程
2020/06/15 Python
详解pycharm2020.1.1专业版安装指南(推荐)
2020/08/07 Python
css 元素选择器的简单实例
2016/05/23 HTML / CSS
iframe跨域的几种常用方法
2019/11/11 HTML / CSS
HTML5实现应用程序缓存(Application Cache)
2020/06/16 HTML / CSS
科级干部考察材料
2014/02/15 职场文书
开业庆典活动策划方案
2014/09/21 职场文书
2015年四年级班主任工作总结
2015/10/22 职场文书
Spring整合Mybatis的全过程
2021/06/28 Java/Android
十大经典日本动漫排行榜 海贼王第三,犬夜叉仅第八
2022/03/18 日漫
Mysql 如何合理地统计一个数据库里的所有表的数据量
2022/04/18 MySQL