JavaScript Text Fader

(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.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script language="javascript1.2">
<!-- Original:  Craig Lumley -->
<!-- Web Site:  http://www.ws4all.co.uk -->

<!-- This script and many more are available free online at -->
<!-- Webmaster tools and resources http://www.road2webmaster.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 this code into <body> tags

<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>

Instruction:

Webmaster » Web Programming » JavaScript » Message » Text Fader

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links