复制代 代码如下: jquery窗口震動特效 <br>;(function($){ <br>var element = {}; <br>$.fn.jshaker = function(){ <br>element = $(this); <br>element.css('位置', '相対'); <br>element.find('*').each(function(i, el){ <br>$(el).css('位置', '相対'); <br>}); <br>var iFunc = function(){ $(element)) }; <br>setTimeout(iFunc, 50); fn.jshaker.animate = function(el){ <br>$.fn.jshaker.shake(el); <br>el.find('*').each(function(i, el){ <br>$ .fn.jshaker.shake(el); <br>var iFunc = function(){ $.fn.jshaker.animate(el) }; 🎜>} <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 } else { <br>$(el).css('left', pos['left'] Math.random() * 20 } <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、サンセリフ;color: #666666;font-size: 12px;background: #FFFFFF;} <br>A{color: #0A8ECC;} <br>A: HOVER{テキスト装飾: なし;カラー: #8FCB2F;} <br>H1{フォントの太さ: 通常;カラー: #0A8ECC;マージン: 0;パディング: 0;} <br>BODY{マージン: 20px;パディング: 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 ソリッド #CCCCCC;background: #F0F0F0;padding: 10px;width: 500px;} <br>P.script-link{clear:両方;パディング: 10px 0;border-top: 1px 点線 #CCCCCC;} <br>#content .block {float: left;border: 1pxソリッド #CCCCCC;background: #F0F0F0;padding: 10px;margin: 10px;width : 300px;} <br> jquery窗口震動特效 点击本框内,可实现震動 項目 1 項目 2 項目 3 サブ項目 1 サブアイテム 2 サブアイテム 3 サブ項目 4 サブ項目 5 項目 4 項目 5 <フォームアクション="#"> テキスト フィールド 1: テキスト フィールド 2: 送信