jGravity 介绍
jGravity是一款jQuery重力感应特效插件。该jQuery重力感应插件可以为页面中的所有元素制作受重力下落效果,并且元素可以进行拖拽,效果非常炫酷。
jGravity.js使用
1、引入
<script type="text/JavaScript" src="js/jquery.min.js"></script>
<script type="text/JavaScript" src="js/jGravity.js"></script
2、初始化
$(document).ready(function() {
$('body').jGravity();
});
或在初始化是传入配置参数
$(document).ready(function() {
$('div.jGravity').live('click',function() {
$('body').jGravity({
target: 'everything',
ignoreClass: 'ignoreMe',
weight: 25,
depth: 5,
drag: true
});
});
});
jGravity.js参数说明
target:页面中重力感应的目标元素,可以是 'div,p,span','h2','div#specificdiv'等选择器元素,或者填入everything表示页面的所有元素。
ignoreClass:被忽略的元素,即不想要重力感应的元素。
weight:重力感应的强度,需要大于1的值,默认为25.也可以使用关键字:'heavy'或'light'。
depth:代表某个元素会影响它旁边的多少个元素。需要大于1的值,默认值为1。
drag:受重力感应的元素是否可以被拖拽。
网站地址:http://tinybigideas.com/plugins/jquery-gravity/
网站描述:一款jQuery重力感应特效插件
jGravity
官方网站:http://tinybigideas.com/plugins/jquery-gravity/
小编说
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。