收藏本站 收藏本站
积木网首页 - 软件测试 - 常用手册 - 站长工具 - 技术社区
积木学院 > 程序开发 > jQuery > 正文

jQuery版仿Path菜单效果

来源:互联网 日期:2014-12-03 20:37
使用方法:
    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插件)
积木学院打包下载

推荐阅读

 

热点信息

 
强悍的草根IT技术社区,这里应该有您想要的!
Copyright © 2010 Gimoo.Net. All Rights Rreserved  京ICP备05050695号