JavaScript Made Easy: Free JavaScripts Tutorials Example Code

WebSiteMadeEasy.net

|

FontsMadeEasy.com

|

RankChecker.net

Submit your Script

Google Search:

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial



In-your-face message greeting!
The idea behind this script is actually quite simple- By using the innerHTML property of IE 4 and the layers.document.write() method of NS 4, I created a text that appears to "zoom-in" and expand, by continuously refreshing the text so it's larger each time.



Insert into <HEAD>


Insert into <BODY>
<body onload="position_at_top();expand()"> <div style="position:absolute" id="test"></div> <script> //Change the message below var themessage="Welcome to Dynamic Drive!" var fontsize=10 //Below determines how long the message will appear before disappearing. 3000=3 seconds var appearfor=3000 function position_at_top(){ if (document.layers) document.test.top=pageYOffset else if (document.all){ test.innerHTML='<div align=center><font face="Arial">'+themessage+'</font></div>' setTimeout("test.style.top=document.body.scrollTop",100) } } function expand(){ if (document.layers){ document.test.document.write('<div align=center style="font-size:'+fontsize+'px"><font face="Arial">'+themessage+'</font></div>') document.test.document.close() } else if (document.all) test.style.fontSize=fontsize+'px' fontsize+=5 if (fontsize>90){ if (document.layers) setTimeout("document.test.visibility='hide'",appearfor) else if (document.all) setTimeout("test.style.visibility='hidden'",appearfor) return } else setTimeout("expand()",50) } </script>

Other Options