我有这个图像，悬停时会更改 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();
});
});
如何重写上述函数，以便在单击图像 (#apripreventivo) 时，其 onmouseover src 更改为例如*img_hover2.svg*(“正常”src 和 onmouseout 相同。并且仍然 #contact-form"div 在单击时切换)。然后，当再次单击时，onmouseover 应返回原始 (*img_hover.svg*)。
最佳答案
我已基本了解您的情况:JSFiddle .
技巧只是使用 jQuery 的 $.attr() 方法更改 img 标签的属性。
$('img').click(function() {
$(this).attr("onmouseover", "this.src='http://newevolutiondesigns.com/images/freebies/cat-wallpaper-7.jpg'");
})
您可以轻松编写一个函数来检查此属性的当前值，然后在单击时设置正确的值。希望这有帮助!
关于javascript - 单击项目时更改 onmouseover ="this.src=' xxx'"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19329933/