jQuery实现的Div窗口震动特效_jquery

复制代码如下代码：

格 //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<头>
>



;(function($){
var element = {};
$.fn.jsshaker = function(){
element = $(this);
element.css('位置', '相对');
element.find('*').each(function(i, el){
$(el).css('位置', '相对');
});
var iFunc = function(){ $.fn.jsshaker.animate($(element));
setTimeout(iFunc, 50);
$. fn.jsshaker.animate = function(el){
$.fn.jshaker.shake(el);
el.find('*').each(function(i, el){
$ .fn.jsshaker.shake(el);
var iFunc = function(){ $.fn.jsshaker.animate(el) };
setTimeout(iFunc, 50); 🎜>}
$.fn.jsshaker.shake = function(el){
var pos = $(el).position();
if(Math.random() > 0.5){
$(el).css('top', pos['top'] Math.random() * 20 } else {
$(el).css('left', pos['left'] Math.random() * 20 }
}
})(jQuery);


$(document).ready(function(){
$('.block').click(function(){
$(this).jsshaker();
});
});


BODY{字体系列：“Lucida Grande”，Arial，Helvetica，无衬线；颜色：#666666；字体大小：12px；背景：#FFFFFF；}
A{颜色：#0A8ECC;}
A: HOVER{文字装饰：无；颜色：#8FCB2F;}
H1{字体粗细：正常；颜色：#0A8ECC；边距：0；填充：0;}
BODY{边距: 20px;内边距: 20px;}
STRONG{颜色: #000000;}
.vspacer{高度: 20px;}
PRE.code{内边距: 7px;背景: #777777;颜色: #F0F0F0 ;宽度：400px；溢出：自动；}
#content-area{边框：3px 实线#CCCCCC；背景：#F0F0F0；填充：10px；宽度：500px；}
P.script-link{清除：两者;内边距: 10px 0;边框顶部: 1px 点线 #CCCCCC;}
#content .block {float: left;边框: 1px 实线 #CCCCCC;背景: #F0F0F0;内边距: 10px;边距: 10px;宽度: 300px;}
风格>;

<身体>

jquery窗口震动特效

;

点击本框内，可实现关闭

;

• 项目 1


• 项目 2


• 
  项目 3
  
  ;
  
  • 子项目 1
  
  
  • 子项目 2
  
  
  • 子项目 3
  
  
  • 子项目 4
  
  
  • 子项目 5
  
  
  
  


• 第 4 项


• 第 5 项

<标签=“inp1”>文本字段1：<输入类型=“text”name=“inp1”id=“inp1”值=“”/>/> ;

<标签=“inp2”>文本字段2：<输入类型=“text”name=“inp2”id=“inp2”值=“”/>/> ;

<按钮类型=“提交”>提交