kod teknolojisi - açılır menü kodu

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

MENÜ MADDE 01

MENÜ MADDE 02

MENÜ MADDE 03