
效果图如下:

代码如下:
jquery窗口震动特效 script> ;(function($){ var element = {}; $.fn.jshaker = function(){ element = $(this); element.css(position, relative); element.find(*).each(function(i, el){ $(el).css(position, relative); }); var iFunc = function(){ $.fn.jshaker.animate($(element)); }; setTimeout(iFunc, 50); }; $.fn.jshaker.animate = function(el){ $.fn.jshaker.shake(el); el.find(*).each(function(i, el){ $.fn.jshaker.shake(el); }); var iFunc = function(){ $.fn.jshaker.animate(el); }; setTimeout(iFunc, 50); } $.fn.jshaker.shake = function(el){ var pos = $(el).position(); if(Math.random() > 0.5){ $(el).css(top, pos[top] + Math.random() * 20 < 10 ? (Math.random() * 20 * (-1)) : Math.random() * 20); } else { $(el).css(left, pos[left] + Math.random() * 20 < 10 ? (Math.random() * 20 * (-1)) : Math.random() * 20); } } })(jQuery); script>
以上代码很简单吧,基于jquery实现div窗口震动的特效就制作出来了,小伙伴们赶紧下载使用吧。
