menus

AÇILIR MENÜ KODU 1 ÖNİZLEMESİ:

Index Link1 Link2 Link3 Link4  

KODU:

AÇILIR MENÜ KODU 2

<style type="text/css"> #popitmenu{ position: absolute; background-color: pink ; border:1px solid black; font: normal 12px Verdana; line-height: 18px; z-index: 100; visibility: hidden; } #popitmenu a{ text-decoration: none; padding-left: 6px; color: black; display: block; } #popitmenu a:hover{ /*hover background color*/ background-color: gray; } </style> <!-- menüyü oluştrurken yazı , renk , arkaplan , size gibi özellikleri yukarıdaki CSS Script'ten değiştirin --> <SCRIPT LANGUAGE="JavaScript"> var defaultMenuWidth="150px" var linkset=new Array() // Menü başlangıcı linkset[0]=' <a target=_blank href="http://www.aksam.com.tr"><b>Akşam Gazetesi</a>' linkset[0]+=' <a target=_blank href=" http://www. bugun.com.tr "> Bugün Gazetesi </a>' linkset[0]+=' <a target=_blank href=" http://www. fanatik.com.tr "> Fanatik Gazetesi </a>' linkset[0]+=' <a target=_blank href=" http://www. fotomac.com.tr "> Fotomaç </a>' linkset[0]+=' <a target=_blank href=" http://www. hurriyet.com.tr "> Hürriyet Gazetesi </a>' linkset[0]+=' <a target=_blank href=" http://www. milligazete.com.tr "> Milli Gazete </a>' linkset[0]+=' <a target=_blank href=" http://www. milliyet.com.tr "> Milliyet Gazetesi </a>' linkset[0]+=' <a target=_blank href=" http://www. sabah.com.tr "> Sabah Gazetesi </a>' linkset[0]+=' <a target=_blank href=" http://www. stargazete.com.tr "> Star Gazetesi </a>' linkset[0]+=' <a target=_blank href=" http://www. takvim.com.tr "> Takvim Gazetesi </a>' linkset[0]+=' <a target=_blank href=" http://www. turkiyegazetesi.com "> Türkiye Gazetesi </a>' linkset[0]+=' <a target=_blank href=" http://www. vakit.com.tr "> Vakit Gazetesi </a>' linkset[0]+=' <a target=_blank href=" http://www. vatanim.com "> Vatan Gazetesi </a>' linkset[0]+=' <a target=_blank href=" http://www. zaman.com.tr "> Zaman Gazetesi </a>' linkset[0]+=' <a target=_blank href=" mailto:ulugturkencelal@hotmail.com "> ulugturkencelal@hotmail.com</b></a>' linkset[1]=' <a target=_blank href=" http://www. atv.com.tr "><b> ATV </a>' linkset[1]+=' <a target=_blank href=" http://www. cine5.com.tr "> Cine 5 </a>' linkset[1]+=' <a target=_blank href=" http://www. cnbce.com "> CNBC-e </a>' linkset[1]+=' <a target=_blank href=" http://www. cnnturk.com.tr "> CNN Türk </a>' linkset[1]+=' <a target=_blank href=" http://www. kanal7.com.tr "> Kanal 7 </a>' linkset[1]+=' <a target=_blank href=" http://www. kanald.com.tr "> Kanal D </a>' linkset[1]+=' <a target=_blank href=" http://www. kraltv.com.tr "> Kral TV </a>' linkset[1]+=' <a target=_blank href=" http://www. ntv.com.tr "> NTV </a>' linkset[1]+=' <a target=_blank href=" http://www. showtvnet.com "> Show TV </a>' linkset[1]+=' <a target=_blank href=" http://www. stv.com.tr "> Samanyolu </a>' linkset[1]+=' <a target=_blank href=" http://www. startv.com.tr "> Star TV </a>' linkset[1]+=' <a target=_blank href=" http://www. trt.net.tr "> TRT </a>' linkset[1]+=' <a target=_blank href=" http://www. tgrt.com.tr "> TGRT </a>' linkset[1]+=' <a target=_blank href=" http://www. tv8.com.tr "> TV 8 </a>' linkset[1]+=' <a target=_blank href=" mailto:ulugturkencelal@hotmail.com "> ulugturkencelal@hotmail.com</b></a>' linkset[2]=' <a target=_blank href=" # "> <b>Siz </a>' linkset[2]+=' <a target=_blank href=" # "> Ne </a>' linkset[2]+=' <a target=_blank href=" # "> İsterseniz </a>' linkset[2]+=' <a target=_blank href=" # "> Onu </a>' linkset[2]+=' <a target=_blank href=" # "> Yazın </a>' linkset[2]+=' <a target=_blank href="mailto:ulugturkencelal@hotmail.com "> ulugturkencelal@hotmail.com</b></a>' // tavsiye istermisiniz? // bu bölümü excel ile hazırlarsanız zamandan kazanırsınız //menü bitişi //bundan sonrasına dokunmayınız var ie5=document.all && !window.opera var ns6=document.getElementById if (ie5||ns6) document.write('<div id="popitmenu" onMouseover="clearhidemenu();" onMouseout="dynamichide(event)"></div>') function iecompattest(){ return (document.compatMode && document.compatMode.indexOf("CSS")!=-1)? document.documentElement : document.body } function showmenu(e, which, optWidth){ if (!document.all&&!document.getElementById) return clearhidemenu() menuobj=ie5? document.all.popitmenu : document.getElementById("popitmenu") menuobj.innerHTML=which menuobj.style.width=(typeof optWidth!="undefined")? optWidth : defaultMenuWidth menuobj.contentwidth=menuobj.offsetWidth menuobj.contentheight=menuobj.offsetHeight eventX=ie5? event.clientX : e.clientX eventY=ie5? event.clientY : e.clientY var rightedge=ie5? iecompattest().clientWidth-eventX : window.innerWidth-eventX var bottomedge=ie5? iecompattest().clientHeight-eventY : window.innerHeight-eventY if (rightedge<menuobj.contentwidth) menuobj.style.left=ie5? iecompattest().scrollLeft+eventX-menuobj.contentwidth+"px" : window.pageXOffset+eventX-menuobj.contentwidth+"px" else menuobj.style.left=ie5? iecompattest().scrollLeft+eventX+"px" : window.pageXOffset+eventX+"px" if (bottomedge<menuobj.contentheight) menuobj.style.top=ie5? iecompattest().scrollTop+eventY-menuobj.contentheight+"px" : window.pageYOffset+eventY-menuobj.contentheight+"px" else menuobj.style.top=ie5? iecompattest().scrollTop+event.clientY+"px" : window.pageYOffset+eventY+"px" menuobj.style.visibility="visible" return false } function contains_ns6(a, b) { while (b.parentNode) if ((b = b.parentNode) == a) return true; return false; } function hidemenu(){ if (window.menuobj) menuobj.style.visibility="hidden" } function dynamichide(e){ if (ie5&&!menuobj.contains(e.toElement)) hidemenu() else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget)) hidemenu() } function delayhidemenu(){ delayhide=setTimeout("hidemenu()",500) } function clearhidemenu(){ if (window.delayhide) clearTimeout(delayhide) } if (ie5||ns6) document.onclick=hidemenu </script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9"> <title>Açılır Menü</title> <div style="position: absolute; width: 119px; height: 140px; z-index: 1; left: 19px; top: 26px" id="acilir_menu"> <b> <font size="4"> <a href="#" onMouseover="showmenu(event,linkset[2])" onMouseout="delayhidemenu()"> <font color="#000080">Dergiler</font></a></font> <br> <font size="4"> <a href="#" onMouseover="showmenu(event,linkset[1], '150px')" onMouseout="delayhidemenu()"> <font color="#FF0000">Tv Kanalları</font></a></font> <br> <font size="4"> <a href="#" onMouseover="showmenu(event,linkset[0])" onMouseout="delayhidemenu()"> <font color="#000080">Gazeteler</font></a></font></b><font color="#000080"> </font> <p> <p><p><p><p></p>

AÇILIR MENÜ KODU 3 (Önizlemesi)

<head> <style> body{ background-color:#666666; font-family:arial;} table{font-size:80%; background:black; width:80%} a{color:black;text-decoration:none;font:bold} a:hover{color:#FF0000} td.menu{background:lightblue} table.menu { font-size:100%; position:absolute; visibility:hidden; } </style> <script type="text/javascript"> function showmenu(elmnt) { document.getElementById(elmnt).style.visibility="visible" } function hidemenu(elmnt) { document.getElementById(elmnt).style.visibility="hidden" } </script> </head> <table border="1"> <tr bgcolor="#FF8080"> <td onMouseOver="showmenu('link1')" onMouseOut="hidemenu('link1')"> <a href="#">Linkler</a><br /> <table class="menu" id="link1" width="120"> <tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr> <tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr> <tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr> <tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr> <tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr> </table> </td> <td onMouseOver="showmenu('link2')" onMouseOut="hidemenu('link2')"> <a href="#">Linkler</a><br /> <table class="menu" id="link2" width="120"> <tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr> <tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr> <tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr> <tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr> <tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr> </table> </td> <td onMouseOver="showmenu('link3')" onMouseOut="hidemenu('link3')"> <a href="#">Linkler</a><br /> <table class="menu" id="link3" width="120"> <tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr> <tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr> <tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr> <tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr> <tr><td class="menu"><a href="http://www.yahoo.com">Yahoo</a></td></tr> </table> </td> </tr> </table> <p> <p></p>

AÇILIR MENÜ 4 ÖNİZLEMESİ(firefoxta çalışmaz)

AÇILIR MENÜ 4 KODU

<style> 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"> <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> </TABLE> </DIV> <DIV CLASS="clsMenu" ID="divMenu01"> <DIV CLASS="clsMenuAra"></DIV> <DIV><A TARGET="_new" HREF="01.asp">Madde 01</A></DIV> <DIV><A TARGET="_new" HREF="02.asp">Madde 02</A></DIV> <DIV><A TARGET="_new" HREF="03.asp">Madde 03</A></DIV> <DIV><A TARGET="_new" HREF="04.asp">Madde 04</A></DIV> <DIV><A TARGET="_new" HREF="05.asp">Madde 05</A></DIV> </DIV> <DIV CLASS="clsMenu" ID="divMenu02"> <DIV CLASS="clsMenuAra"></DIV> <DIV><A TARGET="_new" HREF="11.asp">Madde 01</A></DIV> <DIV><A TARGET="_new" HREF="12.asp">Madde 02</A></DIV> <DIV><A TARGET="_new" HREF="13.asp">Madde 03</A></DIV> <DIV><A TARGET="_new" HREF="14.asp">Madde 04</A></DIV> <DIV><A TARGET="_new" HREF="15.asp">Madde 05</A></DIV> </DIV> <DIV CLASS="clsMenu" ID="divMenu03"> <DIV CLASS="clsMenuAra"></DIV> <DIV><A TARGET="_new" HREF="21.asp">Madde 01</A></DIV> <DIV><A TARGET="_new" HREF="22.asp">Madde 02</A></DIV> <DIV><A TARGET="_new" HREF="23.asp">Madde 03</A></DIV> <DIV><A TARGET="_new" HREF="24.asp">Madde 04</A></DIV> <DIV><A TARGET="_new" HREF="25.asp">Madde 05</A></DIV> </DIV>