Question

我有这个图像，在悬停时更改src：

<img id="apripreventivo" src="img.svg" onmouseover="this.src='img_hover.svg'" onmouseout="this.src='img.svg'">

然后我有一个脚本，当点击该图像切换div（ #contact-form ）时：

$(document).ready(function(){

        $("#contact-form").hide();
        $("#apripreventivo").show();

    $('#apripreventivo').click(function(){
    $("#contact-form").slideToggle();
    });

});

如何重写上述功能，以便在单击图像（ #aprereventivo ）时，其onmouseover src更改为例如* img_hover2.svg *（“普通”src和onmouseout是相同的。仍然 #contact- form “div点击切换。”然后再次点击onmouseover应该返回原始版本（* img_hover.svg *）。

Answer 1

我已经把你带到了大部分地方：JSFiddle。

诀窍就是使用jQuery的$ .attr（）方法更改img标签的属性。

$('img').click(function() {
    $(this).attr("onmouseover", "this.src='http://newevolutiondesigns.com/images/freebies/cat-wallpaper-7.jpg'");
})

您可以轻松编写一个检查此属性当前值的函数，然后在单击时设置正确的值。希望这有帮助！

单击项目时更改onmouseover =“this.src ='xxx'”

1 个答案: