更改图像源 onMouseOver

Question

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 替换不同的图像。

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

Answer 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" height="100" width="100">
</span>