JavaScript Made Easy: Free JavaScripts Tutorials Example Code

Metachecker.net

|

FontsMadeEasy.com

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial



Text Fader		[View Sample]

(Internet Explorer 4.0+) Fades a text message on the page. Useful to draw the visitor's attention to a message without using HTML's annoying blink tag. It even looks cool! Visitors without Internet Explorer will see the normal text, no error messages.


Insert into <HEAD>
<SCRIPT LANGUAGE="JavaScript1.2"> <!-- Original: Craig Lumley --> <!-- Web Site: http://www.ws4all.co.uk --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin ie4 = ((navigator.appVersion.indexOf("MSIE")>0) && (parseInt(navigator.appVersion) >= 4)); var count = 0, count2 = 0, add1 = 3, add2 = 10, timerID; function show() { if (ie4) { count += add1; count2 += add2; delay = 30; if(count2 > 100) count2 = 100; if(count > 100) { count = 100; add1 = -10; add2 = -3; delay = 350; } if(count < 0) count = 0; if(count2 < 0) { count2 = 0; add1 = 3; add2 = 10; delay = 200; } fader.style.filter = "Alpha(Opacity="+count2+",FinishOpacity="+count+",style=2)"; timerID = setTimeout("show()", delay); } } window.onload = show; // End --> </script>

Insert into <BODY>
<!-- Demonstration --> <center> <div id="fader" style="width:480; Filter:Alpha(Opacity=0,FinishOpacity=0,style=2)"> <h1> <font family="Arial, Helvetica" color="maroon" size="+4"> Thanks for <p> visiting the <p> JavaScript Source! </font> </h1> </div> </center>

Other Options