Onclick带图像链接

我想创建一个菜单，当鼠标悬停和点击时会改变。Onclick带图像链接

但是，我的onclick只会在点击时变成空白。

我发现如果我删除了一个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>

来源

2012-10-03 eric

你想是这样的： http://jsfiddle.net/FakeHeal/VtZVz/2/或类似这样的http://jsfiddle.net/FakeHeal/VtZVz/3/

来源

2012-10-03 06:25:47

在回调函数的末尾添加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>

来源

2012-10-03 06:25:51 gabitzish

它工作。谢谢！ – eric

可以使这个没有jQuery库

只需简单的javascript

<html> 
    <head> 
    <script> 
    function myFunction() 
    { 
    alert("Hello World!"); 
    } 
    </script> 
</head> 

    <body> 
    <img src="test.png" onclick="myFunction()"> 
    </body> 
    </html>

来源

2014-01-31 13:52:11

Onclick带图像链接

回答

相关问题