格//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
>
jquery視窗特效 ;(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;背景:#FFFFFFFFFFFFFFFF ;}
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 項
文字欄位1: /> ;
文字欄位2:/> ;
提交
表格>
div>
身體>