使用JavaScript在懸停時更改img src

Question

我的代碼在PHP中，我想將鼠標懸停時將圖像button1.png更改為button2.png。 該圖像仍應可單擊。

$link = "<a class='wplink' href='something' title='something' rel='nofollow'>". "<img src='button1.png' />" ."</a>";

Answer 1

試試這個，我想會的。

onmouseout和onmouseover應該在超鏈接標記上。

$link = "<a class='wpfp-link' href='?wpfpaction=".$action."&amp;postid=". $post_id . "' title='". $opt ."' rel='nofollow' onmouseover=\"document.but.src='".WPFP_PATH."/vault-button2.png'\" onmouseout=\"document.but.src='".WPFP_PATH."/vault-button1.png'\">

“;

Answer 2

試試這個：

echo $link = "<a class='wpfp-link' href='?wpfpaction=".$action."&postid=". $post_id . "' title='". $opt ."' rel='nofollow' onmouseover='javascript:document.getElementById(\"but\").src=\"".WPFP_PATH."/vault-button2.png\"' onmouseout='javascript:document.getElementById(\"but\").src=\"".WPFP_PATH."/vault-button1.png\"' > <img src='".WPFP_PATH."/vault-button1.png' name='but' id='but'/></a>";

Answer 3

嘗試這個：

$("img").on("mouseover", function(){
    $(this).attr("src","img2.png");
});