0

我有这个脚本可以更改图像源 onmouseover/onmouseout。我现在添加了一些新元素，我想做同样的事情，但也会淡出，而不是立即更改图像源。有人可以给我一个提示，甚至可以更改我的代码吗？我会很感激的！

Javascript：

    d004on = new Image(100, 100);
    d004on.src = "images/catalog/dus004_h.png";

    d004off = new Image(100, 100);
    d004off.src = "images/catalog/dus004.png";

}

function change(imgName) {
    if (document.images) {
        imgOn = eval(imgName + "on.src");
        document[imgName].src = imgOn;
    }
}

function changeback(imgName) {
    if (document.images) {
        imgOff = eval(imgName + "off.src");
        document[imgName].src = imgOff;
    }
}

HTML：

<img src="images/catalog/dus004.png" alt="dus004" onMouseover="change('d004')" onMouseout="changeback('d004')"/>
4

2 回答 2

0

在 jquery 中很容易

html

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<span>Click here...</span>
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
</body>
</html>

css

span { color:red; cursor:pointer; }
div { margin:3px; width:80px; display:none;
height:80px; float:left; }
div#one { background:#f00; }
div#two { background:#0f0; }
div#three { background:#00f; }

jQuery

   <script src="http://code.jquery.com/jquery-latest.js"></script>

   $(document.body).mouseenter(function () {
   $("div:hidden:first").fadeIn("slow");
   });
于 2013-02-20T13:48:50.117 回答
-1

首先摆脱这个邪恶的 eval 东西 ;) 第二个 jQuery 有一些不错的动画功能......你可以使用 jQuery 吗？ http://api.jquery.com/fadeIn/

像这样的东西？ http://jsbin.com/ewijam/1/edit

哦，顺便说一句，谢谢你不喜欢试图帮助的人^^

于 2013-02-20T13:36:45.170 回答