2010-05-28 19 views
7

Né il tag <blink> né lo stile text-decoration:blink; in css sono supportati in Internet Explorer.tag <blink> in Internet Explorer

C'è qualche tecnica a disposizione per fare testo lampeggiante in IE?

+4

testo lampeggiante di solito è una cattiva idea. Cosa giustifica il suo uso nella tua situazione? – Banford

+0

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

+29

noooooooo !!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!! ogni volta quando qualcuno usa tag, un gattino muore – rochal

risposta

14

Evitare lampeggiante, se possibile - si infastidisce la gente.

Ma si può farlo con JS/jQuery come questo:

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

Che lo mostrerò/nascondere nulla con la classe lampeggia ogni 1,5 secondi.

Così nel codice HTML che si farebbe:

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

Ma ancora una volta, pensare molto attentamente sul fatto che dovrebbe lampeggiare!

Se avete bisogno di qualcosa per attirare l'attenzione di un utente (e per qualsiasi ragione l'enfasi/evidenziazione/ecc. Non è abbastanza buono), allora invece di lampeggiare on-off (dove il testo scompare per metà tempo), prendere in considerazione la possibilità di cambiare il colore o una sottolineatura/bordo lampeggiante o simili.

La cosa fondamentale è, se qualcosa è abbastanza importante da infastidire visivamente l'utente allora deve rimanere leggibile.

8

È possibile utilizzare questo codice:

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

e un link di classe questo

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

vedere demo http://jsfiddle.net/SGrmM/


È inoltre possibile utilizzare questo codice di lavoro:

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

vedere demo http://jsfiddle.net/SGrmM/1/


lavoro si vedano gli esempi di stand nella stessa violino http://jsfiddle.net/SGrmM/2/