DHTML: Fliegende Worte

{DHTML - Fliegende Worte}

{WebmasterNETZ}

http://www.webmasternetz.de

Quelltext

1. StyleSheet (HEAD-Bereich): ====================================== <style> .fpunkte { position: absolute; top: -100; font-family: Arial, Helvetica, sans-serif; } </style> ====================================== 2. JavaScript (HEAD-Bereich): ====================================== <script> var delay=20; function moveit(was, startx, starty, endx, endy, steps, wait) { if(wait && wait>0) setTimeout('moveit("'+was+'",'+startx+','+starty+','+endx+','+endy+','+steps+','+(wait-1)+')', delay); else { if(document.layers) { document.layers[was].left=startx; document.layers[was].top=starty; } else { document.all[was].style.left=startx; document.all[was].style.top=starty; } startx+=(endx-startx)/steps; starty+=(endy-starty)/steps; if(steps>0) setTimeout('moveit("'+was+'",'+startx+','+starty+','+endx+','+endy+','+(steps-1)+')', delay); } } function init() { if(navigator.appName=="Netscape") { var w=innerWidth; var h=innerHeight; } else { var w=document.body.offsetWidth; var h=document.body.offsetHeight; } var mw=w/2; var mh=h/2; moveit("f1", 10, 25, 150, 50, 20, 30); moveit("f2", 10, 25,150, 50, 20, 30); } </script> ====================================== 3. Script-Aufruf (BODY-Tag): ====================================== <body onload="init()"> ====================================== 4. Layers (BODY): ====================================== <div id="f1" class="fpunkte" style="background: darkblue; color: gold; width: 10; font-size:60px;"> <p>WebmasterNETZ</p> </div><div id="f2" class="fpunkte" style="font-size:40px; color:blueviolet;"> <p><font color="#800000"><i>http://www.webmasternetz.de</i></font></p> </div>

Christoph Bergmann und Hannes Gamperl
Milch und Zucker - die Deutsche DHTML-Seite