{DHTML : Sparschwein füttern}
Bei diesem Skript werden Münzen animiert, so das es aussieht als ob sie in das Sparschwein fliegen würden.
<html> <head> <style type="text/css">'); #coin1 {position: absolute; visibility: visible; top: 600; left: 50; z-index: 10; width:10} #coin2 {position: absolute; visibility: visible; top: 600; left: 100; z-index: 10; width:10} #coin3 {position: absolute; visibility: visible; top: 600; left: 100; z-index: 10; width:10} #coin4 {position: absolute; visibility: visible; top: 600; left: 100; z-index: 10; width:10} #coin5 {position: absolute; visibility: visible; top: 600; left: 100; z-index: 10; width:10} #pig {position: absolute; visibility: visible; top: 280; left: 450; z-index: 100; width:10}' #line {position: absolute; visibility: visible; top: 270; left: 580; z-index: 5; width:10} </style> <title></title> </head> <body BGCOLOR="#FFFFFF" onload="init()"> <p align="center"> <script language="JavaScript"> <!-- var browser4='NO'; var layerRef="null",styleSwitch="null"; function init() {if (navigator.appName == "Netscape") {layerRef="document.layers"; styleSwitch="";} else {layerRef="document.all"; styleSwitch=".style";} if(browser4=='YES') go();}// --> </script> <script language="JavaScript1.2"> <!-- browser4='YES'; function moveLayerTo(coinname,left,top) { eval(layerRef+'["'+coinname+'"]'+styleSwitch+'.top=top'); eval(layerRef+'["'+coinname+'"]'+styleSwitch+'.left=left');} var i1=585,i2=585,i3=585,i4=585,i5=585,j1=100,j2=370,j3=370,j4=370,j5=370,smj=25; function go() {i1=i1; j1=j1; j1=j1+smj; if(j1>380) j1=-380; j2=j2+smj; if(j2>380) j2=-360; j3=j3+smj; if(j3>380) j3=-250; j4=j4+smj; if(j4>380) j4=-150; j5=j5+smj; if(j5>380) j5=-50; moveLayerTo("coin1",i1,j1); moveLayerTo("coin2",i2,j2); moveLayerTo("coin3",i3,j3); moveLayerTo("coin4",i4,j4); moveLayerTo("coin5",i5,j5); setTimeout("go()",eval(50));}// --> </script> </p> <div id="coin1" align="center"> <dd><img src="coin01.gif" border="0" width="56" height="56"> </dd> </div><div id="coin2" align="center"> <dd><img src="coin02.gif" border="0" width="65" height="65"> </dd> </div><div id="coin3" align="center"> <dd><img src="coin03.gif" border="0" width="60" height="60"> </dd> </div><div id="coin4" align="center"> <dd><img src="coin04.gif" border="0" width="63" height="63"> </dd> </div><div id="coin5" align="center"> <dd><img src="coin05.gif" border="0" width="65" height="65"> </dd> </div><div id="pig" align="center"> <dd><img src="pig.jpg" border="0" width="263" height="183"> </dd> </div> </body> </html>
© by Christian Thiele - WebmasterNETZ - http://www.webmasternetz.de - 14.07.99
