格//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>
身體>
