Onmouseover - 需要设置新图像的位置

时间:2014-03-12 16:02:36

标签: javascript css

这让我发疯了。这是我正在使用的代码 - 由于网站的敏感性,我的网站名称为xxxxx。我需要为悬停在上方时出现的图像设置位置。这样的事 - 位置:绝对; TOP:200像素; LEFT:340px; WIDTH:500px的;高度:200像素。我悬停在上面的图像应保持静止。

<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
loadImage1 = new Image();
loadImage1.src = "http:xxxx/LgThumbxxx.png";
staticImage1 = new Image();
staticImage1.src = "http:xxx/smThumbxxx.png";

loadImage2 = new Image();
loadImage2.src = "http:xxxx/LgThumbxxxxx.png";
staticImage2 = new Image();
staticImage2.src = "http:xxx/smThumb_xxxxxx.png";

loadImage3 = new Image();
loadImage3.src = "http:xx/LgThumb_xxx.png";
staticImage3 = new Image();
staticImage3.src = "http:xxxx/smThumb_xxxx.png";

// End -->
</script>
</head>

<body>


<span onmouseover="image1.src=loadImage1.src;" onmouseout="image1.src=staticImage1.src;">
<img name="image1" src="http:xxx/Thumbxxx.png" border=0></span>

<span onmouseover="image2.src=loadImage2.src;" onmouseout="image2.src=staticImage2.src;">
<img name="image2" src="http:xxxxx/Thumbxxxx.png" border=0></span>

<span onmouseover="image3.src=loadImage3.src;" onmouseout="image3.src=staticImage3.src;">
<img name="image3" src="http://xxxx/Thumb_xxxxx.png" border=0></span>


</body>

0 个答案:

没有答案