@lice :: 用JQuery依序展示效果

@lice

選單: 首頁 | 標籤 | 地圖 | 留言

分類

所有分類

無尾熊

新發現

攝影筆記

最新日誌: The executable was signed..; [jquery]按enter移到下一個..; Facebook 小工具的額外控制; Facebook Graph Api 初試; 透過OAuth使用twitter api(..

最新: 回復; 謝謝你囉, 看來用TryParse方便..; c#當然有判斷是否為數字的方法..; 有找到這個 kb: http://suppor..; 噗!程式跟人生啊!好難體悟哦; 引用

日曆

存檔: 2012|January; 2011|July; 2011|March; 2010|September; 2010|June

標籤: xcode dreamweaver app api photos 鹿港煙火 Firefox Web coding 旅行 dom favicon 丁丁 c#Windows XP webslice oauth overflow 遊記 software IE6 css jQuery graph api SQL twitter Windows Url 小白

鏈接: wowbox blog (網頁設計知識庫); 小小油佳粒

Total : 57239
Today : 18
Yesterday : 49

Powered by Tattertools 1.1.1 : Vivace

blah blah blah

管理頁 | 發表頁

用JQuery依序展示效果

views: 9563 times
若想讓一個以上的物件, 一個接一個的表現出slide或fade等效果時
直覺的作法是:

function slideImg1(){
  for(b=0;b<ImgCount;b++){
    $(".slide1").eq(b).slideDown('slow'); 
  }
}

但不管效果的速度改的多慢,或甚至用到setTimeout或setInterval它最後都會一起出來
研究出的結果是要善用它on complate 的callback參數:

function slideImg2(){
	if(ImgIndex<ImgCount){
		$(".slide2").eq(ImgIndex).slideDown('slow',slideImg2); 
		ImgIndex++;
	}
}

附上的sample加上了顯示進度的數字, 以方便更清楚的看出差別

slide_onebyone.html

Tag : css, javascript, jQuery

發表於 August 20th, 2009 18:12 | 新發現 | Trackback 0 | Comment 0

傳送地址 : http://diary.tw/alice/trackback/820

<< prev [1] ... [5] [6] [7] [8] [9] [10] [11] [12] [13] ... [41] next >>