Webmaster
Tips
[ All Tips ]
Text fading in and out
With DHTML, you can make text gradually fade in and out. Place the following code between the <HEAD> and </HEAD> tags in your HTML document:
<script language=Javascript>
function checkBrowserForVersion4(){
var x=navigator.appVersion;y=x.substring(0,4);if(y>=4)strobeEffect();}
var isNav=(navigator.appName.indexOf("Netscape")!=-1);
var colors=new Array("FFFFFF", "FFFFFF", "FFFFFF", "FFFFFF", "FFFFFF", "FFFFFF", "FFFFFF", "F9F9F9", "F1F1F1", "E9E9E9", "E1E1E1", "D9D9D9", "D1D1D1", "C9C9C9", "C1C1C1", "B9B9B9", "B1B1B1", "A9A9A9", "A1A1A1", "999999", "919191", "898989", "818181", "797979", "717171", "696969", "616161", "595959", "515151", "494949", "414141", "393939", "313131", "292929", "212121", "191919", "111111", "090909", "000000")
a=0,b=1
function strobeEffect(){
color=colors[a];aa="<font color="+color+">place your text here</font>"
if(isNav) {document.object1.document.write(aa);document.object1.document.close();}
else object1.innerHTML=aa
a+=b;if (a==38) b-=2;if (a==0) b+=2;xx=setTimeout("strobeEffect()",10);}
</script>
Include the following in the <BODY> tag itself:
<body onload="checkBrowserForVersion4()">
And finally, insert the following between the <BODY> and </BODY> tags where appropriate:
<div id="object1" style="position:absolute; visibility:show; left:25px; top:50px; z-index:2"></div>
You can change the top and left attributes' values to place the text wherever you want.
Discover all Webmaster tips.