fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

jGravity
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:http://tinybigideas.com/plugins/jquery-gravity/
网站描述:一款jQuery重力感应特效插件

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:受重力感应的元素是否可以被拖拽。


链接: https://fly63.com/nav/460

more>>
相关栏目
jQuery之家
致力于搜集和整理各种jQuery插件,jQuery特效...
官网
fullPage.js
jQuery全屏滚动插件
官网GitHub
Waterfall.js
瀑布流无限加载插件
官网GitHub
Raty
一个非常棒的jQuery 评分插件
官网GitHub
Bootstrap-waterfall
一款基于Bootstrap仿Pinterest网站的网格瀑布流插件
官网GitHub
Jcrop
一个功能强大的 jQuery 图像裁剪插件
官网GitHub
jcarousel
jQuery轮播图插件
官网GitHub
Parallax.js
一款jQuery滚动视觉差插件
官网GitHub
vegas
一个jQuery / Zepto幻灯片插件
官网GitHub
paroller.js
一款轻量级的页面滚动视觉差特效jquery插件
官网GitHub
lazyload.js
jquery图片懒加载插件
官网GitHub
alertify.js
jQuery酷炫的各种消息提示插件
官网GitHub
pickadate.js
一个轻量级的 jQuery 日期选择插件
官网GitHub
chosen.js
基于jquery的下拉选择框美化插件
官网GitHub
threesixty.js
360度产品图片预览jQuery插件
官网GitHub
textillate.js
实现动感的 CSS3 文本动画的简单插件
官网GitHub

手机预览