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

Web sayfanız için açılır menü

Mouse linkin üzerine gelince menü kendiliğinden açılır.
Sayfanızda kullanabileceğiniz harika bir uygulama. (onMouseover uygulaması)

Menü  Menu 

Kategori : JavaScript
Gönderen : ksabitk
Telif :
Tarih : 04 Nisan 2007
Örnek Dosya : Bulunmamakta
Okunma Sayısı : 77970
Puan
: 6,7 / 10 (46 Oy)
Puan Verin :
Google Bookmarks  del.icio.us  Digg  Yahoo! MyWeb  Windows Live  Furl
 
 
<html>
<head>
<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:ksabitk@hotmail.com ">     ksabitk@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:ksabitk@hotmail.com ">     ksabitk@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:ksabitk@hotmail.com ">     ksabitk@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=windows-1254">
<title>Açılır Menü</title>
</head>
<body bgcolor="#E3EEED">
<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>
<input type="button" value="Sorularız için" onclick="parent.location='mailto:ksabitk@hotmail.com'">
</p>
</body>
</html>
 
 

Web sayfanız için açılır menü için yazılan yorumlar

M.USTA  { 19 A�ustos 2012 }
Allah Razı olsun kardeş. Sayende güzel bir menü ile sitemi renklendirmiş oldum. Emeğine sağlık. (Biraz left, ve top ayarlarıyla web sitemde isteğim yere monte ettim)

Hakan Gökçe  { 29 Ocak 2011 }
Ya hocam iyide windows güvenlik kısıtlama çubuğu çıkıyor başka sitelerde böyle bişey çıkmıyor ama

hasdrubal   { 15 ï¿½ubat 2010 }
ya kardeş sağol aylardır arıyordum... yalnız yazıların üzerinde oynama yapınca kodlar hata veriyor. nasıl olacak da kendi sitemize göre düzenleyeceğiz?...

murat   { 09 Ocak 2010 }
açılır menüden bir linke tıklandığında yeni pancere açılmaması için ne yapabilirim.

UnaL   { 21 Temmuz 2009 }
bu menünün sola doğru açılmasını istiyorum.yani bu menü sitenin sağında olacak ve kullanıcı fare ile üzerine geldiğinde menü sol tarafa doğru açılacak.bunu nasıl yapabilirim? yardım lütfenn acill

ibrahim   { 09 Temmuz 2009 }
güzel saol

Tufan   { 05 Temmuz 2009 }
Ellerine sağlık. Phpbb3 forumuna entegre ettim mükemmel oldu. Gerçekten çok ama çok teşekkür ediyorum. İlaç gibi bilgi.

bora   { 05 May�s 2009 }
kardeş div i niye kapatmıyorsun :D

senol   { 07 Kas�m 2007 }
sana nekadar teşekkur etsem azdır 1 hafta devamlı aradım sayende bul dum saat gece 2:50 gelişmişini bulana kadar bu bana yeter çok teşekkur

Yorum ekleyin

Anasayfa > JavaScript > Kodlar > Web sayfanız için açılır menü
Kategoriler:


Forum:



Bağlantılar:



    En Son Yorumlanan İçerikler:


    Murat Yavuz | Site Haritası | Gizlilik Bildirimi | 54.234.228.78 | 0,19 Saniye
    © Copyright 2004-2018 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.