19 Jun 2008 @ 2:58 AM 
 

Rollover Resim

 

Linkin üzerine gelince linkin yanında resim çıkartan js kodu

<script>
function goster(v) {
document.getElementById(v).style.display=”block”;
}
function gizle(v) {
document.getElementById(v).style.display=”none”;
}
</script>

yukarıdaki kodu head tagleri arasına koyuyoruz..

linkimizin yanına div açıyoruz ve id veriyoruz

<a href=”link.so”>link</a><div id=”link”><img src=”resim.jpg”/></div>

div imizin style ını ayarlıyoruz.

#link{
background-color:#333333;
color:#f1f1f1;
border:1px solid #333333;
display:none;
position:absolute;
}

ve linkimizin son halini ayarlıyoruz.

<a href=”link.so” onmouseover=”javascript:goster(’link’)” onmouseout=”javascript:gizle(’link’)”>link</a><div id=”link”><img src=”resim.jpg”/></div>

goster(’divin idsi’)

gizle(’divin idsi’)

Tags Etiketler: , , ,
Kategoriler: Javascript Betikleri Gönderen: admin
Son Düzenleme: 19 Jun 2008 @ 02 58 AM

E-Posta • Adres
Önceki: Sonraki:
 

Yorumlar » (Yok)

 


Yorumlar açık. Yapıverin sizde bir yorum.


Yorum metası:
RSS
TrackBack URI
 

Yorumla ...

 

XHTML:
Bu takıları kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
\/ Diğer Ayarlar ...
Son 50 Yazı
Yeni Kullanıcı Kaydı
Tasarımı Değiştir...
  • Roller »
  • Yazılar »
  • Yorumlar »
Tasarımı Değiştir...
  • VoidVoid (Default)
  • LifeLife
  • EarthEarth
  • WindWind
  • WaterWater
  • FireFire
  • LiteLightweight