MyDesign | Kod Arşivi - Anasayfaya Dön   No banner in farm
Anasayfa Araştır Forum Gelişmiş Arama Siteniz İçin En Hit İçerikler RSS İçerik Ekle Scriptler Destekleyenler Kadromuz Reklam İletişim Giriş Sayfası Yap  Sık Kullanılanlara Ekle
Bu Kategorinin En Yeni Kodları:


Bu Kategorinin En Çok Görüntülenen Kodları:






Arama:
Gelişmiş Arama


No banner in farm



En Çok Görüntülenen Kodlar:


Üye Girişi:
 Üye Ol



Anasayfa > JavaScript > Kodlar

Js menü

Javascrip ile oluşturulmuş bir horizontal menü örneği

js  menü  menu  javascript ile menü  js horizontal menu  yatay menu 

Kategori : JavaScript
Gönderen : ksabitk
Telif :
Tarih : 27 Ekim 2009
Örnek Dosya : Bulunmamakta
Okunma Sayısı : 14048
Puan
: 10 / 10 (5 Oy)
Puan Verin :
Google Bookmarks  del.icio.us  Digg  Yahoo! MyWeb  Windows Live  Furl
 
 
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>Js Menü</title>

<style>
#anamenu{
     font-size:11pt;
     font-family:Times new roman;
}
#anamenu a{
     color:blue;
     text-decoration:none;
}
#anamenu a:hover{
     color:#5093f8;
}
#describe{
     width:100%;
     height:12px;
     font-size:10pt;
     font-family:arial;
}
#describe a{
     color:#5959ff;
     text-decoration:none;
}
#describe a:hover{
     color:#15b5a5;
}
.hr1{
     width:100%;
     height:1px;
     text-align:left; 
     color:#0000FF; 

}
</style>

</head>
<body>

<div id="anamenu">
<a href="#" onclick="showit(0)">Kod Kaynakları</a> | 
<a href="#" onclick="showit(1)">DynamicDrive</a> |
<a href="#" onclick="showit(2)">Php Ders</a> | 
<a href="#" onclick="showit(3)">Asp Ders</a> | 
<a href="#" onclick="showit(4)">Hazırlayan</a>
</div>

<!-- Alt menü başlangıç  -->
<div id="describe" onclick="clear_delayhide()"></div>
<script language="JavaScript1.2">
/*
Js Horizontal Menu Script - ksabitk (ksabitk@hotmail.com) 
Bu script yukarıdaki "describe" isimli div'in altında olmalıdır.
*/

var submenu=new Array()

// Alt menüler -- Kendinize göre düzenleyin
 

//Kod Kaynakları
submenu[0]='<a href="http://www.hazirkod.com">Hazır Kod</a> | '
submenu[0]+='<a href="http://www.javascriptkit.com">JS tutorials</a> | '
submenu[0]+='<a href="http://www.mydesign.gen.tr">Mydesign</a> | '
submenu[0]+='<a href="http://www.javascriptindir.com">Javascript İndir</a> '


//DynamicDrive
submenu[1]='<a href="http://www.dynamicdrive.com">Javascript</a> | '
submenu[1]+='<a href="http://www.dynamicdrive.com/dynamicindex1/">Menu&Navigasyon</a> | '
submenu[1]+='<a href="http://www.dynamicdrive.com/dynamicindex16/">Form</a> | '
submenu[1]+='<a href="http://www.dynamicdrive.com/dynamicindex4/">Resim</a> | '
submenu[1]+='<a href="http://www.dynamicdrive.com/style/">Css</a>'


//Php Ders
submenu[2]='<a href="http://www.phpdersi.com/">Php Dersi</a> | '
submenu[2]+='<a href="http://www.phpdili.com/">Php Dili</a> | '
submenu[2]+='<a href="http://www.php.org.tr/">Php.org</a>'


//Asp Ders
submenu[3]='<a href="http://www.aspdersleri.com/">Asp Dersi</a> | '
submenu[3]+='<a href="http://www.asp.net/">Asp.net</a> | '
submenu[3]+='<a href="http://www.bilgiegitim.com/">Bilgi Eğitim</a>'


//Hazırlayan
submenu[4]='<a href="http://www.saab.tr.cx">www.saab.tr.cx</a> | '
submenu[4]+='<a href="mailto:ksabitk@hotmail.com">ksabitk@hotmail.com</a>'


// Alt menü açılma hızı ( milisaniye )
var delay_hide=500

//Bundan sonrasına dokunmayınız
var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""

function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementById||document.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write(thecontent)
menuobj.document.close()
}
}

function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}

function clear_delayhide(){
if (window.delayhide)
clearTimeout(delayhide)
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
</script>
<!-- Alt menü son  -->


<hr class="hr1">
Mantığını çözebilmeniz açısından çok fazla karıştırıp süslemedim, ancak siz css ile 
horizontal menü'ye çevirelirsiniz


</body>
</html>
 
 

Js menü için yazılan yorumlar

Henüz yorum eklenmedi.

Yorum ekleyin

Anasayfa > JavaScript > Kodlar > Js menü
Kategoriler:


Forum:



Bağlantılar:


En Son Yorumlanan İçerikler:


Murat Yavuz | Site Haritası | Gizlilik Bildirimi | 54.159.64.172 | 0,12 Saniye
© Copyright 2004-2017 MyDesign | Kod Arşivi. Tüm Hakları Saklıdır.
MyDesign | Kod Arşivi, en iyi görünüm için, 1024x768 ve üzeri çözünürlük tavsiye eder.