Flying Menu

Beim Flying Menu werden Links in einer Tabelle auf die Seite fliegen. Wird das Browserfenster in seiner Größe verändert und dann aufgefrischt, passt es sich der neuen Fenstergröße an.

Somit kann es für fast alle Bildschirmauflösungen verwendet werden.

Hier gehts zur Demo

Dieses Script läuft auf folgenden Browsern:
	Internet Explorer
	Mozilla Firefox
getestet jeweils mit der aktuellen Version

HTML-Einbindung
   <SCRIPT LANGUAGE="JavaScript"> function setVariables(){ y=-50;ob=1;max=5;objectYY="object20";yy=-100; if (navigator.appName == "Netscape") {v=".top=",h=".left=";dS="document.",sD="",innerW="window.innerWidth" } else{ v=".pixelTop=",h=".pixelLeft=";dS="",sD=".style";innerW="document.body.clientWidth" } xx=eval(innerW) xx-=240 if (xx<1)x1=5,x2=90,x3=175 else {xx=xx/4 x1=xx,x2=xx*2+80,x3=xx*3+160 } } function scrollOn(){ if (ob<7){ ob2=ob+6 ob3=ob+12 objectX="object"+ob;y+=10;eval(dS + objectX + sD + v + y); eval(dS + objectX + sD + h + x1) objectY="object"+ob2;eval(dS + objectY + sD + v + y); eval(dS + objectY + sD + h + x2); objectZ="object"+ob3;eval(dS + objectZ + sD + v + y); eval(dS + objectZ + sD + h + x3); if (y<max) setTimeout ("scrollOn()",10) else y=-50, max+=40, ob+=1, setTimeout("scrollOn()",10) } else x2-=50,getBottom(); } function getBottom(){ yy+=10 eval(dS + objectYY + sD + v + yy); eval(dS + objectYY + sD + h + x2); if (yy<250)setTimeout("getBottom()",10) } </SCRIPT>  <body onload="setVariables(),scrollOn()">  <div id="object1" style="position:absolute; visibility:show; left:25px; top:-30px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 1</A></CENTER></td></table></div> <div id="object2" style="position:absolute; visibility:show; left:25px; top:-30px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 2</A></CENTER></td></table></div> <div id="object3" style="position:absolute; visibility:show; left:25px; top:-30px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 3</A></CENTER></td></table></div> <div id="object4" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 4</A></CENTER></td></table></div> <div id="object5" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 5</A></CENTER></td></table></div> <div id="object6" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 6</A></CENTER></td></table></div> <div id="object7" style="position:absolute; visibility:show; left:125px; top:-50px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 7</A></CENTER></td></table></div> <div id="object8" style="position:absolute; visibility:show; left:125px; top:-50px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 8</A></CENTER></td></table></div> <div id="object9" style="position:absolute; visibility:show; left:125px; top:-50px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 9</A></CENTER></td></table></div> <div id="object10" style="position:absolute; visibility:show; left:125px; top:-50px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 10</A></CENTER></td></table></div> <div id="object11" style="position:absolute; visibility:show; left:125px; top:-50px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 11</A></CENTER></td></table></div> <div id="object12" style="position:absolute; visibility:show; left:125px; top:-50px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 12</A></CENTER></td></table></div> <div id="object13" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 13</A></CENTER></td></table></div> <div id="object14" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 14</A></CENTER></td></table></div> <div id="object15" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 15</A></CENTER></td></table></div> <div id="object16" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 16</A></CENTER></td></table></div> <div id="object17" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 17</A></CENTER></td></table></div> <div id="object18" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=80 border=1><td><CENTER><A HREF="#">Button 18</A></CENTER></td></table></div> <div id="object20" style="position:absolute; visibility:show; left:25px; top:-100px; z-index:2"> <table cellpadding=2 bgcolor=ffffff width=180 border=1><td><CENTER>Self Centering Menu Page</CENTER></td></table></div>

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"