在木木博客上看到这个东西,比上回那个用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
这个不错的说。哈哈。标记一下。
杀个发~
木木是谁?
没有这样开玩笑的哦!
这叫啥?借力打力,搬起石头砸自己的脚。。。