Açılır Menü-6
Biraz üzerinde çalışılırsa bayağı güzel bir menü olabilir.
ÖRNEK
<STYLE type=text/css>A { COLOR: #ffcc00; FONT-SIZE: 10pt; TEXT-DECORATION: none } A:hover { COLOR: black; TEXT-DECORATION: none } A.plain:hover { COLOR: #ffcc00; FONT-SIZE: 10pt; TEXT-DECORATION: underline } #box { POSITION: absolute; VISIBILITY: hidden; layer-background-color: #004080 } #limebox { BACKGROUND-COLOR: #99cc66 } #bluebox { BACKGROUND-COLOR: #99cc66 } #mnubar { FONT: bold 10pt arial } </STYLE>
<SCRIPT language=JavaScript> ns=window.navigator.appName == "Netscape" ie=window.navigator.appName == "Microsoft Internet Explorer" function openIt(x) { if(ns) { showbox= document.layers[x+1] showbox.visibility = "show"; showbox.top=44; var items = 5 ; for (i=1; i<=items; i++) { elopen=document.layers[i] if (i != (x + 1)) { elopen.visibility = "hide" } } } if(ie) { curEl = event.toElement curEl.style.background = "black" showBox = document.all.box[x]; showBox.style.visibility = "visible"; showBox.style.top = 46; var items = 5 for (i=0; i<items; i++) { elOpen=document.all.box[i] barEl=document.all.mnubar[i] if (i != x){ elOpen.style.visibility = "hidden" barEl.style.background = "black" } } } } function closeIt() { var items = 5 for (i=0; i<items; i++) { if(ie){ document.all.box[i].style.visibility = "hidden" barEl=document.all.mnubar[i] barEl.style.background = "black" } if(ns){ document.layers[i+1].visibility = "hide"} } } </SCRIPT> <STYLE fprolloverstyle>A:hover { COLOR: #f0ffcc; FONT-WEIGHT: bold } </STYLE> <TABLE bgColor=#004080 border=0 cellPadding=0 height=18 id=mainmenu width=800> <TBODY> <TR> <TD align=middle bgColor=#000000 colSpan=7 noWrap vAlign=center> <P align=left><B><FONT color=#ffcc00 face=Arial size=4> </FONT></B> <P></P></TD></TR> <TR> <TD align=middle bgColor=#000000> <P align=center><FONT color=#ffcc00><B> </B></FONT><A class=plain href="http://www.javascriptbankasi.com.tr.tc" onmouseover=closeIt()><FONT color=#ffcc00><B>Ana Sayfa</B></FONT></A><FONT color=#ffcc00><B> </B></FONT><br><br></TD><br> <TD align=middle bgColor=#000000 noWrap><A href="file:///D:/bronze/javalar/menu2.html#" id=mnubar onmouseover=openIt(0)><FONT color=#ffcc00>İlk ana menu </FONT></A> <br><BR></TD> <TD align=middle bgColor=#000000 noWrap><A href="file:///D:/bronze/javalar/menu2.html#" id=mnubar onmouseover=openIt(1)><FONT color=#ffcc00>İkinci ana menu </FONT></A> <br> <BR></TD> <TD align=middle bgColor=#000000 noWrap><A href="file:///D:/bronze/javalar/menu2.html#" id=mnubar onmouseover=openIt(2)><FONT color=#ffcc00>Üçüncü ana menu</FONT></A> <br> <BR></TD> <TD align=middle bgColor=#000000 noWrap><FONT color=#ffcc00><A href="file:///D:/bronze/javalar/menu2.html#" id=mnubar onmouseover=openIt(3)><FONT color=#ffcc00>Dördüncü ana menu</FONT></A> <br><BR></FONT></TD> <TD align=middle bgColor=#000000 noWrap><A href="file:///D:/bronze/javalar/menu2.html#" id=mnubar onmouseover=openIt(4)><FONT color=#ffcc00>Beşinci ana menu</FONT></A> <br> <BR></TD> <TD align=middle bgColor=#000000 noWrap vAlign=top width=30> </TD></TR></TBODY></TABLE><BR><BR><br> <DIV onmouseover=closeIt()><LAYER onmouseover=closeIt()> <P> </P></LAYER></DIV><!-- Menu 1 --> <DIV id=box style="LEFT: 120px"> <TABLE border=1 id=bluebox> <TBODY> <TR> <TD><A href="http://www.javascriptbankasi.com.tr.tc">İlk alt menu</A></TD> <TD><A href="http://www.javascriptbankasi.com.tr.tc">İkinci alt menu</A></TD></TR></TBODY></TABLE></DIV><!-- Menu 2 --> <DIV id=box style="LEFT: 200px"> <TABLE border=1 id=limebox> <TBODY> <TR> <TD><A href="http://www.javascriptbankasi.com.tr.tc">İlk alt menu</A></TD> <TD><A href="http://www.javascriptbankasi.com.tr.tc">İkinci alt menu</A></TD> <TD><A href="http://www.javascriptbankasi.com.tr.tc">Üçüncü alt menu</A></TD></TR></TBODY></TABLE></DIV><!-- Menu 3 --> <DIV id=box style="LEFT: 240px"> <TABLE border=1 id=bluebox> <TBODY> <TR> <TD><A href="http://www.javascriptbankasi.com.tr.tc">İlk alt menu</A></TD> <TD><A href="http://www.javascriptbankasi.com.tr.tc">İkinci alt menu</A></TD> <TD><A href="http://www.javascriptbankasi.com.tr.tc">Üçüncü alt menu</A></TD> <TD><A href="http://www.javascriptbankasi.com.tr.tc">Dördüncü alt menu</A></TD> <TD><A href="http://www.javascriptbankasi.com.tr.tc">Beşinci alt menu</A></TD></TR></TBODY></TABLE></DIV><!-- Menu 4 --> <DIV id=box style="LEFT: 400px"> <TABLE border=1 id=limebox> <TBODY> <TR> <TD><A href="http://www.javascriptbankasi.com.tr.tc">İlk alt menu</A></TD> <TD><A href="http://www.javascriptbankasi.com.tr.tc">İkinci alt menu</A></TD> <TD><A href="http://www.javascriptbankasi.com.tr.tc">Üçüncü alt menu</A></TD> <TD><A href="http://www.javascriptbankasi.com.tr.tc">Dördüncü alt menu</A></TD></TR></TBODY></TABLE></DIV><!-- Menu 5 --> <DIV id=box style="LEFT: 520px"> <TABLE border=1 id=bluebox> <TBODY> <TR> <TD><A href="http://www.javascriptbankasi.com.tr.tc">İlk alt menu</A></TD> <TD><A href="http://www.javascriptbankasi.com.tr.tc">İkinci alt menu</A></TD> <TD><A href="http://www.javascriptbankasi.com.tr.tc">Üçüncü alt menu</A></TD></TR></TBODY></TABLE></DIV>
Copyright © 2002-2004 www.javascriptbankasi.com.tr.tc
Mail:javascriptbankasi@hotmail.com