yourWBB | HTML, XHTML, JavaScript & CSS | Onmouseover bildanzeige^^

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:

<script langugae="javascript">

function showimg(imgPath) {
 varPicDivImg = document.all.picDivImg;
 varPicDivImg.src = imgPath;
 varPicDivImg.style.display = "";
}

function hideimg() {
 varPicDiv = document.all.picDivImg;
 varPicDiv.style.display = "none";
}


function updateMausPosition(e) {
 varPicDiv = document.all.picDivImg;
 x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
 y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
 if (picDivImg != null) {
  varPicDiv.style.left = (x + 5) + "px";
  varPicDiv.style.top  = (y + 5) + "px";
 }
}
document.onmousemove = updateMausPosition;
</script>

   <img src="Zweihandschwert012.gif" style="position: absolute; display: none;  border-width:1px; border-style:solid; border-color:black;" id="picDivImg"></td>

<a onmouseover="showimg('Zweihandschwert011.gif');" onmouseout="hideimg();" href=schwert.html>Doombringer</a><br>
<a onmouseover="showimg('stangenwaffe009.gif');" onmouseout="hideimg();" href=schwert.html>Skylar</a>