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

@lice

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

分類

所有分類

無尾熊

新發現

攝影筆記

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

最新: 回復; 這是為了要跳過droplist或chec..; next就好了吧; 謝謝你囉, 看來用TryParse方便..; c#當然有判斷是否為數字的方法..; 有找到這個 kb: http://suppor..; 引用

日曆

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

標籤: Web twitter session theme format position DIV flash 小白 SQL video .net error apple 亂數 css string layout Google xcode Tool 無名 iphone image photos 旅行 os asx 鹿港 dreamweaver

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

Total : 62144
Today : 67
Yesterday : 59

Powered by Tattertools 1.1.1 : Vivace

blah blah blah

管理頁 | 發表頁

用JQuery依序展示效果

views: 10540 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

<< prev [1] next >>