我的代码是用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."&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");
});