复代码码 代码如下: <머리> jquery窗口震动特效 <br>;(function($){ <br>var 요소 = {}; <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>}); var iFunc = function(){ $.fn.jshaker.animate($(element)) }; <br>setTimeout(iFunc, 50) <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>$.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{글꼴 계열: "Lucida Grande", Arial, Helvetica, sans-serif;색상: #666666;글꼴 크기: 12px;배경: #FFFFFF;} <br>A{색상: #0A8ECC;} <br>A: HOVER{텍스트 장식: 없음;색상: #8FCB2F;} <br>H1{글꼴 무게: 일반;색상: #0A8ECC;여백: 0;패딩: 0;} <br>BODY{여백 : 20px;패딩: 20px;} <br>STRONG{색상: #000000;} <br>.vspacer{높이: 20px;} <br>PRE.code{패딩: 7px;배경: #777777;색상: #F0F0F0 ;너비: 400px;오버플로: 자동;} <br>#content-area{테두리: 3px 단색 #CCCCCC;배경: #F0F0F0;패딩: 10px;너비: 500px;} <br>P.script-link{clear: 둘 다;패딩: 10px 0;border-top: 1px 점선 #CCCCCC;} <br>#content .block {float: 왼쪽;border: 1px 솔리드 #CCCCCC;배경: #F0F0F0;padding: 10px;margin: 10px;너비 : 300px;} <br> <본문> jquery窗 口 震 动 特 效 点击本框内,可实现震动 항목 1 항목 2 항목 3 하위 항목 1 하위 항목 2 하위 항목 3 하위 항목 4 하위 항목 5 항목 4 항목 5 텍스트 필드 1: 텍스트 필드 2: 제출