KralFm

Kralfm,Kral Fm,Koxp,Radyo dinle, Müzik dinle, istek yap, canli radyo dinle, kral fm, süper fm, power fm, bedava music, bedava müzik, mp3 indir, online müzik yükle, sarki dinle, sarki sözleri,aşk,sevgi,genel kültür,hobi,eğlence,oyunlar,Komik,Spor
 
AnasayfaAnasayfa  TakvimTakvim  SSSSSS  AramaArama  Üye ListesiÜye Listesi  Kullanıcı GruplarıKullanıcı Grupları  Kayıt OlKayıt Ol  Giriş yapGiriş yap  

Paylaş | 
 

 Açılır Menü

Önceki başlık Sonraki başlık Aşağa gitmek 
YazarMesaj
By_ResuL
1.Üye
1.Üye
avatar

Mesaj Sayısı : 120
Kayıt tarihi : 03/01/10

MesajKonu: Açılır Menü   C.tesi Ocak 09, 2010 7:14 pm

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



Kod:
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>

Aşağısı Body Kısmına Eklenecek-------------------------

<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>
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
 
Açılır Menü
Önceki başlık Sonraki başlık Sayfa başına dön 
1 sayfadaki 1 sayfası

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
KralFm :: Html kod arşivi :: Java script kodları-
Buraya geçin: