Question

我正在尝试使用鼠标光标进入放置图像的容器框内时实现图像更改。在本地一切都很完美，但在一个演示服务器上，例如我必须在每个盒子上点击检查元素才能开始工作，而且在我这样做之后它有时会工作，有时候不行。我在页面的head部分添加了jquery在线库。有任何想法吗？这是我的代码：

<ul>
    <li> 
      <a href="#">
        <img src="img/img1.png" onmouseover="this.src='img/img2.png'" onmouseout="this.src='img/img1.png'"  alt="img">
      </a>
    </li>
    <li> 
      <a href="#">
        <img src="img/img1.png" onmouseover="this.src='img/img2.png'" onmouseout="this.src='img/img1.png'"  alt="img">
      </a>
    </li>
</ul>

Answer 1

您需要替换文件名。使用：

<ul>
<li> 
  <a href="#">
    <img src="img/img1.png" onmouseover="this.src=this.src.replace('img1','img2')" onmouseout="this.src=this.src.replace('img2','img1')"  alt="img">
  </a>
</li>
<li> 
  <a href="#">
    <img src="img/img1.png" onmouseover="this.src=this.src.replace('img1','img2')" onmouseout="this.src=this.src.replace('img2','img1')"  alt="img">
  </a>
</li>

图像onmouseover / onmouseout不会改变

1 个答案: