其他代码

jGravity - 重力感应jQuery特效插件

阿里云

这是一款 jQuery 重力感应特效插件 jGravity。该 jQuery 重力感应插件可以为页面中的所有元素制作受重力下落效果,并且元素可以进行拖拽,效果非常炫酷。

使用方法:

在页面中引入 jquery 和 jGravity.js 文件。

也想出现在这里?联系我们
创客主机
  1. <script type="text/javascript" src="js/jquery.min.js"></script>
  2. <script type="text/javascript" src="js/jGravity.js"></script>

初始化插件:

在页面 DOM 元素加载完毕之后,通过 jGravity()方法来初始化该 jQuery 红利感应插件。

  1. $(document).ready(function() {
  2.      $('body').jGravity();
  3. });

也可以在初始化是传入配置参数。

  1. $(document).ready(function() {
  2.      $('div.jGravity').live('click', function() {
  3.           $('body').jGravity({
  4.                target: 'everything',
  5.                ignoreClass: 'ignoreMe',
  6.                weight: 25,
  7.                depth: 5,
  8.                drag: true
  9.           });
  10.      });
  11. });

配置参数:

jGravity.js 重力感应插件的可用配置参数有:

target:页面中重力感应的目标元素,可以是 'div, p, span', 'h2', 'div#specificDiv'等选择器元素,或者填入 everything 表示页面的所有元素

ignoreClass:被忽略的元素,即不想要重力感应的元素

weight:重力感应的强度,需要大于 1 的值,默认为 25.也可以使用关键字:'heavy'或'light'

depth:代表某个元素会影响它旁边的多少个元素。需要大于 1 的值,默认值为 1

drag:受重力感应的元素是否可以被拖拽

jGravity.js 重力感应插件的 github 地址为:http://tinybigideas.com/plugins/jquery-gravity/

jGravity - 重力感应 jQuery 特效插件

已有 494 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!