复制代码 代码如下: jquery窗口震动特效 <BR>;(function($){ <BR>var element = {}; <BR>$.fn.jshaker = function(){ <BR>element = $(this); <BR>element.css('position', 'relative'); <BR>element.find('*').each(function(i, el){ <BR>$(el).css('position', 'relative'); <BR>}); <BR>var iFunc = function(){ $.fn.jshaker.animate($(element)); }; <BR>setTimeout(iFunc, 50); <BR>}; <BR>$.fn.jshaker.animate = function(el){ <BR>$.fn.jshaker.shake(el); <BR>el.find('*').each(function(i, el){ <BR>$.fn.jshaker.shake(el); <BR>}); <BR>var iFunc = function(){ $.fn.jshaker.animate(el); }; <BR>setTimeout(iFunc, 50); <BR>} <BR>$.fn.jshaker.shake = function(el){ <BR>var pos = $(el).position(); <BR>if(Math.random() > 0.5){ <BR>$(el).css('top', pos['top'] + Math.random() * 20 < 10 ? (Math.random() * 20 * (-1)) : Math.random() * 20); <BR>} else { <BR>$(el).css('left', pos['left'] + Math.random() * 20 < 10 ? (Math.random() * 20 * (-1)) : Math.random() * 20); <BR>} <BR>} <BR>})(jQuery); <BR> <BR>$(document).ready(function(){ <BR>$('.block').click(function(){ <BR>$(this).jshaker(); <BR>}); <BR>}); <BR> <BR>BODY{font-family: "Lucida Grande", Arial, Helvetica, sans-serif;color: #666666;font-size: 12px;background: #FFFFFF;} <BR>A{color: #0A8ECC;} <BR>A: HOVER{text-decoration: none;color: #8FCB2F;} <BR>H1{font-weight: normal;color: #0A8ECC;margin: 0;padding: 0;} <BR>BODY{margin: 20px;padding: 20px;} <BR>STRONG{color: #000000;} <BR>.vspacer{height: 20px;} <BR>PRE.code{padding: 7px;background: #777777;color: #F0F0F0;width: 400px;overflow: auto;} <BR>#content-area{border: 3px solid #CCCCCC;background: #F0F0F0;padding: 10px;width: 500px;} <BR>P.script-link{clear: both;padding: 10px 0;border-top: 1px dotted #CCCCCC;} <BR>#content .block {float: left;border: 1px solid #CCCCCC;background: #F0F0F0;padding: 10px;margin: 10px;width: 300px;} <BR> jquery窗 口 震 动 特 效 点击本框内,可实现震动 Item 1 Item 2 Item 3 Sub Item 1 Sub Item 2 Sub Item 3 Sub Item 4 Sub Item 5 Item 4 Item 5 Text Field 1: Text Field 2: Submit