[Kompatibilität]
[Code]
Die mit rot gekennzeichneten Abschnitte können Sie durch eigene Eingaben ergänzen.
onload="init()"
<style>
.fpunkte { position: absolute; top: -200; font-family: Arial, Helvetica, sans-serif; }
</style>
<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", mw-182, -100, mw-160, 20, 40, 30); // It is great! moveit("f2", -10, 0, mw-40, 100, 60); // ein schöner moveit("f3", w+100, 100, mw-120, 118, 100, 5); // Effekt moveit("f4", w, 0, mw-17, 160, 80); // gemacht mit moveit("f5", 100, h+10, mw-145, 200, 80); // DHTML }
</script> <div id="f1" class=fpunkte style="background: blue; color: white; width: 10; font-size:60px;">it is great!</div> <div id="f2" class=fpunkte style="font-size:18px;">ein schöner</div> <div id="f3" class=fpunkte style="font-size:40px;">Effekt</div> <div id="f4" class=fpunkte style="font-size:20px;">gemacht mit </div> <div id="f5" class=fpunkte style="color: black; font-size:26px;">DHTML</div>
??
bitte kopieren Sie den Quelltext!