kod

 
<html>
<head>
<script type="text/javascript">
function goster(bu,r){
var a=document.getElementById(bu);
var el=document.getElementById('katman'); // katman id ine sahip div elemanı
el.style.position="absolute;"; // bu satır olmazsa soldan uzaklığı alamıyorum
el.style.display="block"; //  div i göster
el.style.top = a.offsetTop + 10 +"px;"; // katman ın üstten uzaklığı
el.style.left = a.offsetLeft + 40 +"px;"; // katman ın soldan uzaklığı
var resim= document.getElementById('resim');// resmi buraya yerleştireceğiz
resim.src=r; // resmin src özelliğine değer atıyoruz
}
function gizle(){
var el=document.getElementById('katman');
el.style.display="none"; // div i gizle
var resim= document.getElementById('resim');
resim.src=""; //  resmi kaldır
}
</script>
</head>
<body>


<a href="a.htm" id="a1" onmouseover="goster('a1','http://img377.imageshack.us/img377/2831/javaff1.th.png')" onmouseout="gizle()">link 1</a><br>
<a href="b.htm" id="a2" onmouseover="goster('a2','b.jpg')" onmouseout="gizle()">link 2</a> 
<div id="katman" style="display:none;">
<img id="resim" src="" name="ad" width="300" height="300">
</div>
wordpress Son Yazılar FriendFeed
reklam
Smart Backlink
reklam
reklam
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=