更改图像源 onMouseOver

Posted 2023-05-08

【中文标题】更改图像源 onMouseOver

【英文标题】：change image src onMouseOver

【发布时间】：2015-05-29 05:35:55

【问题描述】：

html：

<span class="btn-cover">
  <img src="../assets/images/btn_page_back_normal.png"  onmouseover="../assets/images/btn_page_back_normal.png" class="date-left" >
</span>

我无法在 img 标签上提供悬停效果，正在尝试用 angular.js 替换不同的图像。

我喜欢问题是什么，因为你需要别人的帮助，是行不通的。

【问题讨论】：

关注我提到的链接***.com/questions/18813299/…***.com/questions/18032220/…

【参考方案1】：

你需要将图片的src设置为新的

<span class="btn-cover">
  <img src="../assets/images/btn_page_back_normal.png"  
  onmouseover="this.src='../assets/images/btn_page_back_normal.png'" 
onmouseout="this.src='../assets/images/btn_page_back_normal.png'" 
class="date-left" >
</span>

演示：

<span class="btn-cover">
  <img src="https://www.ricoh.com/r_dc/r/r8/img/sample_08.jpg"  
  onmouseover="this.src='http://www.scanseri.fi/wp-content/uploads/2014/05/sample.jpg'" 
onmouseout="this.src='https://www.ricoh.com/r_dc/r/r8/img/sample_08.jpg'" 
class="date-left"  >
</span>

【讨论】：

很高兴它帮助了你，投票并接受作为答案，这样它也可以帮助其他人@bismute :)

@bismute 另见演示:)