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; }

Jクエリ

   <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

最初にこの邪悪な評価を取り除きます;）2番目のjQueryにはいくつかの素晴らしいアニメーション関数があります... jQueryの使用は許可されていますか？ http://api.jquery.com/fadeIn/

このようなもの？ http://jsbin.com/ewijam/1/edit

ああ、そしてwqayによって、助けようとする誰かを嫌ってくれてありがとう^^

于 2013-02-20T13:36:45.170 に答える