0

jQuery を使用して、ホバー時に画像を交換し、マウスアウト時に元に戻すことができました。

image1 と image2 の 2 つの画像があります。image1 は元の画像で、ホバーしたときに mouse2 が表示され、マウスアウトしてもそのままである必要があります。次のホバーでは、元の画像が image2 に置き換わります...

2つのコードを試しました。最初のものは、マウスアウト時に画像を元に戻します。2 つ目は、最初のホバーでも何も起こりません。

コード 1

$(document).ready(function () {
    $("#img1").hover(function () {
        if ($(this).attr('src') == 'www.domain.com/image1.jpg') {
            $(this).attr('src','www.domain.com/image2.jpg');
        } else if ($(this).attr('src') == 'www.domain.com/image1.jpg') {
            $(this).attr('src','www.domain.com/image1.jpg');
        }
    });
});

コード 2

$(document).ready(function () {
    $("#img1").hover(function () {
        if ($(this).attr('src') == 'www.domain.com/image1.jpg') {
            $(this).attr('src','www.domain.com/image2.jpg');
        }
        if ($(this).attr('src') == 'www.domain.com/image1.jpg') {
            $(this).attr('src','www.domain.com/image1.jpg');
        }
    });
});

助けていただければ幸いです。

ありがとう！

4

2 に答える 2

1

ドキュメントに明確に記載されているように、この関数は と の両方にhoverハンドラを追加します。mouseentermouseleave

のみを処理したい場合はmouseenter、そうしないでください。

于 2013-10-25T16:26:08.563 に答える