@lice :: 用JQuery來自製blink blink效果

@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

標籤: coding map 攝影 webslice overflow iphone layout Windows photos 丁丁 position popup twitter string javascript software Web ie8 xcode 煙火 form app Url favicon facebook oauth 無名 c#handler image

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

Total : 57239
Today : 18
Yesterday : 49

Powered by Tattertools 1.1.1 : Vivace

blah blah blah

管理頁 | 發表頁

用JQuery來自製blink blink效果

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

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

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