2010-05-28 25 views
7

Internet Explorer中不支持css中的<blink>標記或text-decoration:blink;樣式。<blink> Internet Explorer中的標記

是否有任何技術可用於製造IE閃爍文本?

+4

閃爍的文字通常是一個壞主意。在你的情況下使用它有什麼正當理由? – Banford 2010-05-28 10:09:56

+0

http://www.webdeveloper.com/forum/archive/index.php/t-42025.html – miku 2010-05-28 10:10:10

+29

noooooooo !!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!每當有人使用標籤時,小貓死亡 – rochal 2010-05-28 10:11:49

回答

14

避免閃爍,如果可能的話 - 它讓消費者感到厭煩。

但是你可以用JS/jQuery的是這樣做的:

setInterval(jQuery('.blinking').toggle, 1500); 

這會顯示/隱藏與每1.5秒閃爍類東西。

所以在HTML,你會怎麼做:

<span class="blinking">hello!</span> 

但同樣,覺得很仔細地考慮是否應該閃爍!

如果您需要特別吸引用戶的注意力(無論出於何種原因,常規強調/突出顯示/等等都不夠好),那麼,而不是開 - 關閃爍(文本消失一半的時間),考慮改變顏色,或閃爍的下劃線/邊框或類似的。

關鍵是,如果某件事情足夠重要,讓用戶看起來很煩,那麼它應該保持可讀性。

8

您可以使用此代碼:

$(document).ready(function() { 
    setInterval("$('.blink').fadeOut().fadeIn();",1500); 
}); 

和一類鏈接此

<div class="blink">BLING BLING...</div> 

看到工作演示http://jsfiddle.net/SGrmM/


您也可以使用此代碼:

$(document).ready(function() { 
    setInterval("$('.blink').fadeOut(150).fadeIn(150);",1000); 
}); 

看到工作演示http://jsfiddle.net/SGrmM/1/


看到展臺的例子在同一個小提琴http://jsfiddle.net/SGrmM/2/