19 Jun 2008 @ 2:58 AM 

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 Tags: , , ,
Categories: Javascript Betikleri
Posted By: admin
Last Edit: 19 Jun 2008 @ 02 58 AM

E-mailPermalinkComments (0)
\/ Diğer Ayarlar ...
Tasarımı Değiştir...
  • Roller »
  • Yazılar »
  • Yorumlar »
Tasarımı Değiştir...
  • VoidVoid (Default)
  • LifeLife
  • EarthEarth
  • WindWind
  • WaterWater
  • FireFire
  • LiteLightweight