使用javascript更改悬停时的img src


Change img src on hover with javascript

我的代码是用PHP编写的,我想在悬停时将图像button1.png更改为button2.png。图像应该仍然可以点击。

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

试试这个,我想它会的。

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''">

";

试试这个:

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

试试这个:

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