使用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."&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");
});
相关文章:
- Javascript:使用绝对路径设置img src
- 图像可以从源<img src=""/>.TEXT可以在没有javascript的情况下从外部
- 插入“;img src"在javascript中
- 从二维数组中获取img src和img维度,并在body中显示
- 在不发出请求的情况下设置img src
- Jquery/Javascript使用IF/ELSE语句更改img SRC
- 使用JQuery从包含A href值中设置*all*IMG-src值
- Django,HTML,JS:<img src=“#">可以在HTML中工作,但不能在JS文件中工作
- Img-src只通过javascript更改一次
- 正则表达式使链接可点击(仅在“href”而不是“img src”中)
- 交换 img src 或显示/隐藏多个图像是否更快
- 如果有办法在 N 秒内加载未触发,则有没有办法设置 img src
- img src 在 Firefox 和 IE 的 jQuery 脚本中没有更改
- 如何从弹簧控制器方法更新html img src
- onload 不会在 Firefox 中使用 createObjectURL img.src 触发
- img src 属性在为空时返回页面的 URL
- EmberJS config prod img src url
- Jquery-如何在悬停时更改img src
- writeln img src将数据提交到外部系统-Firefox和IE挂起
- 使用jQuery禁用img src等于特定值时的href