jQuery双面悬停在图片上

时间:2014-05-20 23:01:53

标签: javascript jquery

在jQuery中,如何将鼠标悬停在图片上并显示另一张图片?我知道hover()有两个参数,但我不太清楚。有人请解释一下。

2 个答案:

答案 0 :(得分:1)

$( ".your-img" ).hover(
    function() { // this function will be executed when the mouse pointer enters your img
        // try to show your second picture
    }, function() { // when the mouse pointer leaves your img
        // hide the second picture
    }
);

您可以使用css将隐藏的第二张图片设置为默认设置。

答案 1 :(得分:1)

这是你的小提琴。 http://jsfiddle.net/qYb5m/

我认为您正在寻找:

$('img').hover(
    function() {
        $(this).attr();
    },
    function() {
        $(this).attr();
    }
);

如你所见。 attr()标签有一些可自定义的选项。

失望的猫是因为如果你不发布小提琴或代码,它似乎并没有像你尝试过一样。