@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

標籤: XML usb map ie8 Life .net adobe 旅行 graph api iphone IE6 c#無名 xcode Url char format 遊記 Web photos 丁丁 pc Windows itunes facebook 攝影 os popup oauth number

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

Total : 57275
Today : 12
Yesterday : 42

@lice

blah blah blah

管理頁 | 發表頁

用JQuery依序展示效果

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

用JQuery來自製blink blink效果

views: 10624 times
有兩種方式 1. animate: 用callback方式呼叫自己, 反覆播放opacity(透明度)的變化

function blinkblink1(){
	var opc = ($("#blinkobj1").css("opacity")==1)?0:1;
	$("#blinkobj1").animate({
	        opacity: opc
	}, 800, blinkblink1 );
}

2. 反覆使用fadein, fadeout功能

function blinkblink2a(){
	$("#blinkobj2").fadeOut("slow",blinkblink2b);
}
function blinkblink2b(){
	$("#blinkobj2").fadeIn("fast",blinkblink2a);
}

效果請看這裡:

blinkblink.html

Tag : css, javascript, jQuery, Web

發表於 August 6th, 2009 16:58 | 新發現 | Trackback 0 | Comment 0

javascript 的數字格式

views: 10443 times
javascript 對小數點有toFixed 及 toPrecision兩個內建function可以處理
但要為比較大的數字加分隔符號(如 2,376 的 ,)就要自己寫了

function addCommas(nStr)
{
	nStr += '';
	x = nStr.split('.');
	x1 = x[0];
	x2 = x.length > 1 ? '.' + x[1] : '';
	var rgx = /(\d+)(\d{3})/;
	while (rgx.test(x1)) {
		x1 = x1.replace(rgx, '$1' + ',' + '$2');
	}
	return x1 + x2;
}

參考: Formatting numbers in JavaScript

Tag : format, javascript, number, Web

發表於 August 6th, 2009 15:49 | 新發現 | Trackback 0 | Comment 0

<< prev [1] next >>

« Aug 2009 »
日	一	二	三	四	五	六
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31