[bewegter Text II]
it is great!
ein schöner
Effekt
gemacht mit
DHTML

[Kompatibilität]

Die mit rot gekennzeichneten Abschnitte können Sie durch eigene Eingaben ergänzen.

[in den <body> Tag]

onload="init()"

[zwischen <BODY> und </BODY>]

<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>

[Autor]

??

[Download]

bitte kopieren Sie den Quelltext!

Copyright © 1998- Nightfire Webworker Archiv Script No: 0008