javascript - 1 张图片上的 Onclick 、 onmouseover 、 onmouseout

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