html - 带有图片链接的点击

我想创建一个在鼠标悬停和点击时会改变的菜单。

但是，我的 onclick 只会在单击时变为空白。

我发现如果我删除 a href，onclick 函数就会起作用。

有谁知道如何解决问题？

<a href="{storeurl}?act=aboutus">
  <img src="skins/sunlift/styleImages/navbar_pic/aboutus_n.jpg"
       onclick="this.src='skins/sunlift/styleImages/navbar_pic/aboutus_h.jpg'"
       onmouseover="this.src='skins/sunlift/styleImages/navbar_pic/aboutus_h.jpg'"
       onmouseout="this.src='skins/sunlift/styleImages/navbar_pic/aboutus_n.jpg'"/>
</a>

最佳答案

在回调函数末尾添加 return false;:

<a href="{storeurl}?act=aboutus"><img src="skins/sunlift/styleImages/navbar_pic/aboutus_n.jpg"
                                                               onclick="this.src='skins/sunlift/styleImages/navbar_pic/aboutus_h.jpg'; return false;"
                                                               onmouseover="this.src='skins/sunlift/styleImages/navbar_pic/aboutus_h.jpg'"
                                                               onmouseout="this.src='skins/sunlift/styleImages/navbar_pic/aboutus_n.jpg'"
                                                              /></a>

关于html - 带有图片链接的点击，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/12702888/