|
Filed Under (CSS, Javascript Code Samples) by Srikanta on June-21-2007
This code will make your desired HTML tag blink within your given time interval. Just put your content between <p> tags. Also, call blinky() function on body onload event. Put blink delay variable in the function. 1000 is equal to 1 sec, 5000 = 5 secs. Click here for a demo of blink function. Code (javascript) <html> <head> <script language="javascript"> function blinky(delay){ var el = document.body.getElementsByTagName('p'); for (var i = 0; i < el.length; i++){ if (el[i].className == 'blink'){ el[i].style.visibility = el[i].style.visibility == 'hidden' ? 'visible' : 'hidden'; } } setTimeout('blinky(' + delay + ')', delay); } </script> <style> #container { position:absolute; top:0%; left:0%; background:#3366FF; border:1px solid #FF0000; height:100%; width:100%; } #container h1 { text-align:center; background:#00FF00; } </style> </head> <body onload="blinky(1000)"> <div id="container"> <h1> <p class="blink">Blinking Headline </h1> <center> <p class="blink"><img class="blink" src="smiley.jpg"> </center> </div> </body> </html> Hopefully this function may be of some use to you ever.
Post a comment
|
|