jswelt.de
hier der Quelltext zum Script "Fliegendes Menu"
<script language=javaScript> function setVariables(){ y1=-50;ob=1;max=20 // this max sets the distance from the top of the page if (navigator.appName == "Netscape") { v=".top=";h=".left=";dS="document.";sD=""; y="window.pageYOffset";x="window.pageXOffset";iW="window.innerWidth";iH="window.innerHeight" } else {h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style"; y="document.body.scrollTop";x="document.body.scrollLeft";iW="document.body.clientWidth";iH="document.body.clientHeight" } object="object1"; checkLocationA() } movex=0,movey=0,xdiff=0,ydiff=0,ystart=0,xstart=0 function checkLocation(){ // innerX=eval(iW)-115 // place to the right innerX=21 // controls the horizontal from the left side of the page // innerY=eval(iH)-35 // place at the bottom innerY=16 // controls the verticle from the top of the page if (document.layers){innerY-=10;innerX-=10} yy=eval(y); xx=eval(x); ydiff=ystart-yy; xdiff=xstart-xx; if ((ydiff<(-0.01))||(ydiff>(0.01))) movey=Math.round(ydiff/10),ystart-=movey if ((xdiff<(-0.01))||(xdiff>(0.01))) movex=Math.round(xdiff/10),xstart-=movex N=(document.layers)?1:0 V=(N) ? 4:5 if (V==4){ object="object1" eval(dS+object+sD+v+(ystart+innerY+10)); eval(dS+object+sD+h+(xstart+innerX+10)); object="object2" eval(dS+object+sD+v+(ystart+innerY+spread+10)); eval(dS+object+sD+h+(xstart+innerX+10)); object="object3" eval(dS+object+sD+v+(ystart+innerY+spread*2+10)); eval(dS+object+sD+h+(xstart+innerX+10)); object="object4" eval(dS+object+sD+v+(ystart+innerY+spread*3+10)); eval(dS+object+sD+h+(xstart+innerX+10)); object="object5" eval(dS+object+sD+v+(ystart+innerY+spread*4+10)); eval(dS+object+sD+h+(xstart+innerX+10)); //eval(dS + objectX + sD + v + y); } else{ object=document.getElementById('object1') object.style.top=ystart+innerY object.style.left=xstart+innerX object=document.getElementById('object2') object.style.top=ystart+innerY+spread object.style.left=xstart+innerX object=document.getElementById('object3') object.style.top=ystart+innerY+spread*2 object.style.left=xstart+innerX object=document.getElementById('object4') object.style.top=ystart+innerY+spread*3 object.style.left=xstart+innerX object=document.getElementById('object5') object.style.top=ystart+innerY+spread*4 object.style.left=xstart+innerX //object=document.getElementById('object2') //object.style.top=50+innerY //object.style.left=50+innerX } setTimeout("checkLocation()",10)} function checkLocationA(){ ystart=eval(y)+5; xstart=eval(x)+5;} spread=40 function scrollOn(){ items=5 if (ob<=items){ objectX="object"+ob; y1+=10; N=(document.layers)?1:0 V=(N) ? 4:5 if (V==4){ eval(dS + objectX + sD + v + y1);} else{ object=document.getElementById(objectX) object.style.top=y1} //eval(dS + objectX + sD + v + y); if (y1<max) xx=setTimeout ("scrollOn()",20) else y1=-50, max+=spread, ob+=1, xx=setTimeout("scrollOn()",20) // this max sets the spacing } if (ob>5){clearTimeout(xx);checkLocation();} } </script> <body onload="setVariables();scrollOn()"><br><br> <div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bordercolor="#000000" bgcolor=b1bfc5><td><CENTER><a href="#">Link 1</a></CENTER></td></table></div> <div id="object2" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bordercolor="#000000" bgcolor=b1bfc5><td><CENTER><a href="#">Link 2</a></CENTER></td></table></div> <div id="object3" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bordercolor="#000000" bgcolor=b1bfc5><td><CENTER><a href="#">Link 3</a></CENTER></td></table></div> <div id="object4" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bordercolor="#000000" bgcolor=b1bfc5><td><CENTER><a href="#">Link 4</a></CENTER></td></table></div> <div id="object5" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table border=1 width=150 bordercolor="#000000" bgcolor=b1bfc5><td><CENTER><a href="#">Link 5</a></CENTER></td></table></div> <table border="0" width="100%"> <tr> <td align="center">Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br>Hier kann der Text hin<br><br><br><br></td> </tr> </table> </td></tr> </table>
Hinweis für IE-Nutzer:
Script markieren und in die Zwischenablage kopieren
!
© 2000 by
jswelt.de
Fenster schliessen