OKANOWEB WEB PARTS SAMPLE

DOMでテキストアニメーション

　

　

　

　

　

　

　

HTML
TIPS&TRICKS
Text
Animation
forIE&NN.0PR1
poweredbyDOMLevel1

<SCRIPTlanguage=JavaScript>
<!--
fr=20;cl=255;lt=0;el=0;functioncolorfade(){if(fr>
0){lt+=fr;document.getElementById("text"+el).style.left=lt+"px";cl-=5;document.getElementById("text"+el).style.color="rgb("+cl+","+cl+","+cl+")";fr--;setTimeout("colorfade()",20);}else{fr=20;cl=255;lt=0;if(el<5){el++;setTimeout("colorfade()",20);}}}//-->
</SCRIPT>
 
<BODYbgColor=whiteonload=colorfade()>
<DIVid=text0style="FONT-SIZE:16pt;LEFT:0px;COLOR:rgb(255,255,255);FONT-FAMILY:Impact;POSITION:absolute;TOP:40px">
HTML</DIV>
<DIVid=text1style="FONT-SIZE:16pt;LEFT:0px;COLOR:rgb(255,255,255);FONT-FAMILY:Impact;POSITION:absolute;TOP:80px">
TIPS&amp;TRICKS</DIV>
<DIVid=text2style="FONT-SIZE:16pt;LEFT:0px;COLOR:rgb(255,255,255);FONT-FAMILY:Impact;POSITION:absolute;TOP:120px">
Text</DIV>
<DIVid=text3style="FONT-SIZE:16pt;LEFT:0px;COLOR:rgb(255,255,255);FONT-FAMILY:Impact;POSITION:absolute;TOP:160px">
Animation</DIV>
<DIVid=text4style="FONT-SIZE:32pt;LEFT:0px;COLOR:rgb(255,255,255);FONT-FAMILY:Impact;POSITION:absolute;TOP:220px">
forIE&amp;NN.0PR1</DIV>
<DIVid=text5style="FONT-SIZE:32pt;LEFT:0px;COLOR:rgb(255,255,255);FONT-FAMILY:Impact;POSITION:absolute;TOP:280px">
poweredbyDOMLevel1</DIV>