fading text in box

Author's Comments

Look carefully for specific instructions

for advance users

Script Code

Copy and paste to HTML

<head>
<title>Fade In Text</title>
<style type="text/css">
body, table, div{color:#333;font:bold 11px Verdana, Arial, sans-serif;}
.title{background:#F2F2F2;border:1px #CCC solid;padding:5px;text-align:center;}
.tblFade{border:1px #333 solid;width:150px;margin:175px;}
.fadeElem{height:20px;display:block;position:relative;border:1px #444 solid;padding:3px 10px;}
</style>
<script type="text/javascript">
<!--

<body onload="fadeMsg()">
<center><table class="tblFade" cellspacing="0" cellpadding="0">
<tr><td class="title">Ahhhh!</td></tr>
<tr><td>
<div class="fadeElem" id='fadeElem0'></div>
<div class="fadeElem" id='fadeElem1'></div>
<div class="fadeElem" id='fadeElem2'></div>
<div class="fadeElem" id='fadeElem3'></div>
<div class="fadeElem" id='fadeElem4'></div>
</td></tr>
</table></center>
</body>
</html>

Script Comments

Showing latest 4 of 4 comments

So good

By vennelacnu on Nov 25, 2011 5:39 am

This is nice =]

By emmasawr on Jan 18, 2009 3:33 pm

I'm not sure if this works in all browsers. I'm just saying though.

By melancholiclights on Nov 12, 2008 6:42 am

Unfortunately you cant pur links in it...

If you can modify it so you can people would love you cause it would make an awesome nav.

And Is there a way to stop it from looping? I just want it to fade in in the awesome way it does then stop!

Ill try and edit it.

Awesome code though!

By Maccabee on Nov 3, 2008 2:45 pm

Script Details

Author	hungsmong
Submitted on	Nov 2, 2008
Page views	8,172
Favorites	17
Comments	4
Reviewer	schizo
Approved on	Nov 2, 2008

Script Tags

fading, text, cool, javascript