jGravity

编程之家收集整理的这个编程导航主要介绍了jGravity编程之家,现在分享给大家,也给大家做个参考。

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/

小编说

以上是编程之家为你收集整理的jGravity全部内容。

如果觉得编程之家网站内容还不错,欢迎将编程之家推荐给好友。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


jquery-labelauty,是一个基于 jQuery非常小巧的单选框复选框美化插件
jQuery.fontFlex,轻量级jQuery响应式字体插件
jQuery.Marquee,基于 jquery 实现的 marquee 无缝滚动插件
magnificent.js,一款响应式jQuery图片放大镜插件
Nestable,一个可拖拽的树结构表现插件
gridster.js,可拖放的多列网格布局
vegas,一个jQuery / Zepto幻灯片插件
jQuery-Knob,生成超酷的旋钮特效的jquery插件
Parallax.js,一款jQuery滚动视觉差插件
jquery.toast.js,一个向用户显示高度可定制的通知的插件
fakeLoader.js,十分炫酷的jQuery页面预加载Loading特效插件
OrgChart,一款简单实用的组织结构图表jQuery插件
jquery.danmu.js,jQuery弹幕插件
query-mousewheel,一个用于添加跨浏览器的鼠标滚轮支持的 jQuery 插件。
enlarge.js,一款支持移动手机的响应式jquery放大镜插件
jquery.fileDownload,实现ajax下载体验的jQuery插件
timeline.js,一款jQuery时间轴幻灯片插件
Uploadify,jQuery的一个上传插件( 支持批量上传)
cPager.js,基于jQuery的客服端分页插件
jTable,创建基于 AJAX 的增删改查表 jQuery 插件