Açilir menü

Mükemmel diyebilecegimiz bir açilir menü bir çok büyük sitelerde kullanilmakta;

<style><br /><br />BODY { font-family:verdana, arial, helvetica; font-size:70%; }<br /><br /> H1 { font-size:120%; font-style:italic; }<br /><br /> <br /><br /> DIV#divMenuBar { background-color:#6699CC; }<br /><br /> TABLE#tblMenuBar TD { font-size:60%; color:white; padding:0px 5px 0px 5px; cursor:default; }<br /><br /> TABLE#tblMenuBar TD.MenuMadde { font-weight:bold; cursor:hand; }<br /><br /> <br /><br /> DIV.clsMenu { <br /><br /> font-size:90%; background-color:#6699CC; <br /><br /> position:absolute; visibility:hidden; width:130px; <br /><br /> padding:5px 5px 5px 8px; border-top:1 white solid; <br /><br /> }<br /><br /> DIV.clsMenu A { text-decoration:none; color:white; font-weight:bold; }<br /><br /> DIV.clsMenu A:hover { color:moccasin; }<br /><br /><br /><br /> BUTTON { font-family:tahoma; font-size:100%; }<br /><br /></style><br /><br /><br /><br /><script language="Javascript"><br /><br />var eOpenMenu = null;<br /><br /><br /><br /> function OpenMenu(eSrc,eMenu)<br /><br /> {<br /><br /> eMenu.style.left = eSrc.offsetLeft + divMenuBar.offsetLeft;<br /><br /> eMenu.style.top = divMenuBar.offsetHeight + divMenuBar.offsetTop;<br /><br /> eMenu.style.visibility = "visible";<br /><br /> eOpenMenu = eMenu;<br /><br /> }<br /><br /><br /><br /> function CloseMenu(eMenu)<br /><br /> {<br /><br /> eMenu.style.visibility = "hidden";<br /><br /> eOpenMenu = null;<br /><br /> }<br /><br /><br /><br /> function document.onmouseover()<br /><br /> {<br /><br /> var eSrc = window.event.srcElement;<br /><br /> if ("MenuMadde" == eSrc.className)<br /><br /> {<br /><br /> eSrc.style.color = "moccasin"; <br /><br /> var eMenu = document.all[eSrc.id.replace("tdMenuBarItem","divMenu")];<br /><br /> if (eOpenMenu && eOpenMenu != eMenu) <br /><br /> {<br /><br /> CloseMenu(eOpenMenu);<br /><br /> }<br /><br /> if (eMenu) <br /><br /> {<br /><br /> OpenMenu(eSrc,eMenu);<br /><br /> }<br /><br /> }<br /><br /> else if (eOpenMenu && !eOpenMenu.contains(eSrc) && !divMenuBar.contains(eSrc)) <br /><br /> {<br /><br /> CloseMenu(eOpenMenu);<br /><br /> }<br /><br /> }<br /><br /> <br /><br /> function document.onmouseout()<br /><br /> {<br /><br /> var eSrc = window.event.srcElement;<br /><br /> if ("MenuMadde" == eSrc.className)<br /><br /> {<br /><br /> eSrc.style.color = ""; <br /><br /> }<br /><br /> } <br /><br /><br /><br /></script><br /><br /><br /><br />Aşağısı Body Kısmına Eklenecek-------------------------<br /><br /><br /><br /><div id="divMenuBar"><br /><br /><table id="tblMenuBar" border="0"><br /><br /><tr><br /><br /> <td class="MenuMadde" id="tdMenuBarItem01">MENÜ MADDE 01</td><br /><br /><td>|</td><br /><br /> <td class="MenuMadde" id="tdMenuBarItem02">MENÜ MADDE 02</td><br /><br /><td>|</td><br /><br /> <td class="MenuMadde" id="tdMenuBarItem03">MENÜ MADDE 03</td><br /><br /></tr><br /><br /></table><br /><br /></div><br /><br /><br /><br /><div class="clsMenu" id="divMenu01"><br /><br /><div class="clsMenuAra"></div><br /><br /> <div><a target="_new" href="01.asp">Madde 01</a></div><br /><br /> <div><a target="_new" href="02.asp">Madde 02</a></div><br /><br /> <div><a target="_new" href="03.asp">Madde 03</a></div><br /><br /> <div><a target="_new" href="04.asp">Madde 04</a></div><br /><br /> <div><a target="_new" href="05.asp">Madde 05</a></div><br /><br /></div><br /><br /><br /><br /><div class="clsMenu" id="divMenu02"><br /><br /><div class="clsMenuAra"></div><br /><br /> <div><a target="_new" href="11.asp">Madde 01</a></div><br /><br /> <div><a target="_new" href="12.asp">Madde 02</a></div><br /><br /> <div><a target="_new" href="13.asp">Madde 03</a></div><br /><br /> <div><a target="_new" href="14.asp">Madde 04</a></div><br /><br /> <div><a target="_new" href="15.asp">Madde 05</a></div><br /><br /></div><br /><br /><br /><br /><div class="clsMenu" id="divMenu03"><br /><br /><div class="clsMenuAra"></div><br /><br /> <div><a target="_new" href="21.asp">Madde 01</a></div><br /><br /> <div><a target="_new" href="22.asp">Madde 02</a></div><br /><br /> <div><a target="_new" href="23.asp">Madde 03</a></div><br /><br /> <div><a target="_new" href="24.asp">Madde 04</a></div><br /><br /> <div><a target="_new" href="25.asp">Madde 05</a></div><br /><br /></div><br /><a href="http://htmllkod.blogspot.com"></a>

Anahtar Kelimeler:Açilir menü,menü kodları