User Tools

Site Tools


maketextblink

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

maketextblink [2013/01/27 21:29] (current)
Line 1: Line 1:
 + Blink Text in a Web Page
 +The &​lt;​BLINK&​gt;​ works only on Netscape browser, IE doesn'​t support it.
 +One workaround is to use timer.
 +<DIV class''"​howtocode"><​code>&​lt;​body ​ onload''"​setInterval('​blinkIt()',​500)"&​gt;​
 +
 +&​lt;​script type''"​text/​javascript"&​gt;​
 +
 +function blinkIt() {
 + if (!document.all) return;
 + else {
 +   ​for(i''​0;​i&​lt;​document.all.tags('​blink'​).length;​i++){
 +      s''​document.all.tags('​blink'​)[i];​
 +      s.style.visibility''​(s.style.visibility'''''​visible'​)?'​hidden':'​visible';​
 +   }
 + }
 +}
 +&​lt;/​script&​gt;​
 +&​lt;​blink&​gt;​Am i blinking ?&​lt;/​blink&​gt;​
 +</​code></​DIV><​script type''"​text/​javascript">​
 +setInterval('​blinkIt()',​500);​
 +function blinkIt(){
 +if(!document.all)return;​
 +else{for(i''​0;​i<​document.all.tags('​blink'​).length;​i++){
 +s''​document.all.tags('​blink'​)[i];​
 +s.style.visibility''​(s.style.visibility'''''​visible'​)?'​hidden':'​visible';​}}}
 +</​script>​
 +
 +<​p>​Here how it looks :
 +<​blink>​Am i blinking ?</​blink>​
 +<​p>​You can achive the same effect with some simple CSS but not all browsers will
 +render the blinking (N7 ok, IE5 no) :
 +
 +<DIV class''"​howtocode"><​code>&​lt;​style&​gt;​
 +.super {text-decoration:​ blink; text-align: center}
 +&​lt;/​style&​gt;​
 +&​lt;​span class''"​super"&​gt;​Am i blinking ?&​lt;/​span&​gt;​
 +</​code>​
 +</​DIV>​
 +<​p>​Here how it looks :
 +<​style>​
 +.super {
 +   ​text-decoration:​ blink; ​
 +   ​text-align:​ center;
 +}
 +</​style>​
 +<span class''"​super">​Am i blinking ?</​span>​
 +
 +
 +
 +-- Main.FredPettis - 16 May 2008
  
maketextblink.txt ยท Last modified: 2013/01/27 21:29 (external edit)