SCROOL MENÜ (ÇOK GÜZEL)

tarafından **Admin** Ptsi Şub. 09, 2009 6:59 am

Kod:: <body onload="init()"> <style> .menu{position:absolute;z-index:1;padding:5;border-width:1;border-style:ridge;background-color:#EEEEEE;color:black;} </style> <script language="Javascript"> var mpos=new Array(); var mdir=new Array(); var maxmenus=6; // Hier die Anzahl der Hauptlinks var delay=1; // Hier Submenue Geschwindigkeit function do_menu(menu) { for(i=0; i<maxmenus; i++) { if(menu!=i && mpos[i]>0) // Hier die Position des Submenue kann auch - sein { mdir[i]=-4; if(mpos[i]>=30) move_menu(i); } } mdir[menu]=-mdir[menu]; if(mpos[menu]<=0 || mpos[menu]>=30) // Hier die Position des Submenue kann auch - sein move_menu(menu); } function move_menu(menu) { mpos[menu]+=mdir[menu]; if(document.layers) document.layers["menu"+menu].left=mpos[menu]; else document.all["menu"+menu].style.left=mpos[menu]; if(mpos[menu]>0 && mpos[menu]<100) // Hier die Position des Submenue kann auch - sein setTimeout("move_menu("+menu+")", delay); } function init() { for(i=0; i<maxmenus; i++) { mpos[i]=0; // Hier die Position des Submenue kann auch - sein mdir[i]=-4; } } </script>  <div class="menu" style="top:200;left:0;z-index:2;width:100;background:#BFBFBF" align="center"> <table border="0" width="100%"> <tr> <td align="center" width="50%"><a href="javascript:do_menu(0)"><small><font face="Verdana" color="#000000">1 Link</a></font></small></td> <td align="right" width="50%"><img src="http://www.javarea.de/images/script_images/asm.gif" border="0"></td> </tr> <tr> <td align="center" width="50%"><a href="javascript:do_menu(1)"><small><font face="Verdana" color="#000000">2 Link</a></font></small></td> <td align="right" width="50%"><img src="http://www.javarea.de/images/script_images/asm.gif" border="0"></td> </tr> <tr> <td align="center" width="50%"><a href="javascript:do_menu(2)"><small><font face="Verdana" color="#000000">3 Link</a></font></small></td> <td align="right" width="50%"><img src="http://www.javarea.de/images/script_images/asm.gif" border="0"></td> </tr> <tr> <td align="center" width="50%"><a href="javascript:do_menu(3)"><small><font face="Verdana" color="#000000">4 Link</a></font></small></td> <td align="right" width="50%"><img src="http://www.javarea.de/images/script_images/asm.gif" border="0"></td> </tr> <tr> <td align="center" width="50%"><a href="javascript:do_menu(4)"><small><font face="Verdana" color="#000000">5 Link</a></font></small></td> <td align="right" width="50%"><img src="http://www.javarea.de/images/script_images/asm.gif" border="0"></td> </tr> <tr> <td align="center" valign="top" width="50%"><a href="javascript:do_menu(5)"><small><font face="Verdana" color="#000000">6 Link</a></font></small><br><br></td> <td align="right" valign="top" width="50%"><img src="http://www.javarea.de/images/script_images/asm.gif" border="0"><br><br></td> </tr> </table> <table width="100%"> <tr> <td align="center" width="100%" bgcolor="black"><small><font face="Verdana" color="white"><b>Menü</b></font></small></td> </tr> </table> </div> <div id="menu0" class="menu" style="top:200; left:0;width:100;background:#BFBFBF" align="center"> <small><font face="Verdana"> 1 Submenue<br> 2 Submenue<br> 3 Submenue</font></small> </div> <div id="menu1" class="menu" style="top:220; left:0;width:100;background:#BFBFBF" align="center"> <small><font face="Verdana"> 1 Submenue<br> 2 Submenue<br> 3 Submenue</font></small> </div> <div id="menu2" class="menu" style="top:240; left:0;width:100;background:#BFBFBF" align="center"> <small><font face="Verdana"> 1 Submenue<br> 2 Submenue<br> 3 Submenue</font></small> </div> <div id="menu3" class="menu" style="top:260; left:0;width:100;background:#BFBFBF" align="center"> <small><font face="Verdana"> 1 Submenue<br> 2 Submenue<br> 3 Submenue</font></small> </div> <div id="menu4" class="menu" style="top:280; left:0;width:100;background:#BFBFBF" align="center"> <small><font face="Verdana"> 1 Submenue<br> 2 Submenue<br> 3 Submenue</font></small> </div> <div id="menu5" class="menu" style="top:290; left:0;width:100;background:#BFBFBF" align="center"> <small><font face="Verdana"> 1 Submenue<br> 2 Submenue<br> 3 Submenue</font></small> </div>