Jquery 常用代碼片段

1. 動畫:

$("#id").click(function(){  
$("p").animate({
   height: 'toggle', opacity: 'toggle',marginLeft:'toggle'
 }, "slow"); 
});

2. 延時:

$(".class").delay(5000).fadeIn("slow,1000").delay(5000).fadeOut("slow,1000")

5秒鐘以後淡入,等待5秒鐘以後淡出


3. 切換

類的一個切換

$("name").toggle(
  function () { $(this).addClass("selected");},
  function () { $(this).removeClass("selected");}
);

用600毫秒的時間將段落緩慢的切換顯示狀態

$("p").toggle("slow");

用200毫秒將段落迅速切換顯示狀態,之後彈出一個對話框。

$("p").toggle("fast",function(){ alert("Animation Done!!!");});

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章