让你链接得瑟功能的JQ插件

LMS
1.4K+ 5

在木木博客上看到这个东西,比上回那个用css让页面照镜子般180度翻转鼠标放在前面链接上看本文介绍得瑟插件的效果)的更好玩,你可以到木木博客上去看效果(啥?你不知道木木是谁?没有这样开玩笑的哦!),也可以到插件作者官方网站http://jackrugile.com/jrumble/去看效果。区别在于木木抖的很吃力,好像拉不动破车的老牛一般慢慢抖慢慢抖,官方抖的很疯狂,抖的让人心慌。

插件代码官方网站下载地址是:http://jackrugile.com/jrumble/jrumble.1.1.zip
或者木木改良压缩版地址是:http://immmmm.com/dropbox/jrumble.7z,(木木修改版抖的比较含蓄,比较无力,建议用官方的。)

使用时先加载jq库,然后再加载这个jq插件,通过以下js代码让你想抖动的地方抖动:

$(document).ready(function(){                          
    $('#header a').jrumble();//让header的链接默认抖动
    $('#content a').jrumble({rangeRot: 1, rangeX: 1, rangeY: 1});//让content内部的链接按设置的参数抖动,X,Y是上下抖动的幅度,越大越猛,rangerot是旋转的幅度,越大越猛。
})

该功能不限制于链接,指定的div也可以让它抖起来,可用的参数还有很多,比如:

rumbleSpeed: 0,这个是越大越慢
rumbleEvent: '参数' 有:'hover'、'click'、'mousedown'、'constant';
posX:、 posY: 有:left、right、top、bottom。

因为抖的我心慌,所以本博客没有使用这个功能,只是本文上做了个链接地址的演示,更多可以见官方介绍。

THE END

评论 5

  1. 这个不错的说。哈哈。标记一下。

        1. 这叫啥?借力打力,搬起石头砸自己的脚。。。

发表评论

Submit