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帶圖像鏈接

回答

相關問題