MyDesign | Kod Arivi - Anasayfaya Dn   No banner in farm
Anasayfa Aratr Forum Gelimi Arama Siteniz in En Hit erikler RSS erik Ekle Scriptler Destekleyenler Kadromuz Reklam letiim Giri Sayfas Yap  Sk Kullanlanlara Ekle
Bu Kategorinin En Yeni Kodlar:


Bu Kategorinin En ok Grntlenen Kodlar:






Arama:
Gelimi Arama


No banner in farm



En ok Grntlenen Kodlar:


ye Girii:
 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
Gnderen : ksabitk
Telif :
Tarih : 04 Nisan 2007
rnek Dosya : Bulunmamakta
Okunma Says : 78329
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ü iin yazlan 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:



Balantlar:



    En Son Yorumlanan erikler:


    Murat Yavuz | Site Haritas | Gizlilik Bildirimi | 34.226.244.70 | 0,14 Saniye
    © Copyright 2004-2020 MyDesign | Kod Arivi. Tm Haklar Sakldr.
    MyDesign | Kod Arivi, en iyi grnm iin, 1024x768 ve zeri znrlk tavsiye eder.