Question

如果我有10个图像，我需要在鼠标移开时，鼠标移出并在点击时使用以更改图像，在第二次点击返回时，但没有任何图像的任何特殊ID ??你能帮忙吗？

Answer 1

您可以使用'this'选择器，

$('img').hover(function(){
    // Code to do when is mouse over (Mouse Enter)
    $(this).attr("src", urlImage);
},function(){
    // Code to do (Mouse Leave)
    $(this).attr("src", AnotherUrlImage);
});

这是使用点击

切换图片的正确脚本

$("img").one("click", click1);

function click1() {
    $(this).attr("src", "URLIMAGE2");
    $(this).one("click", click2);
}
function click2() {
    $(this).attr("src", "URLIMAGE2");
    $(this).one("click", click1);
}

Answer 2

在jQuery中，您可以使用此选择器向每个<img>添加一个函数：

$('img').onclick(function(){
    //Some code
});

Answer 3

您可以使用.toggle()在点击图片时执行此操作。

$('img').toggle(function() {
    $(this).attr("src", BackImage);
    }, function() {
      $(this).attr("src", FrontImage);
});

Onclick，onmouseover，onmouseout on 1 picture

3 个答案: