使用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'\">

＆＃34 ;;

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");
});