Javascript 翻滚效果，显示另一个图像

我在这个标记中有一个href图像

<div class="imgdiv">
   <a class="imga" href="http://destination.com">
      <img src="http://image.com/image.jpg" width="100" height="100">
   </a>
</div>

您可以使用：将PSEDOO选择器悬停在div上，并将imgdiv类与背景位置适当设置为显示在右上角。当然，您应该首先将背景图像应用于div

注意：在IE6中，除了链接之外，hover不适用于其他任何东西。但是，您可以通过使用javascript/jquery来克服这一限制。

您可以使用：将psedoo选择器悬停在div上，类为imgdiv，背景位置设置适当，显示在右上角。当然，您应该首先将背景图像应用于div

---

注意：在IE6中，除了链接之外，hover不适用于其他任何东西。但是，您可以通过使用javascript/jquery来克服这一限制。

Use可以通过CSS来实现，但不使用img标记，而是使用带有背景图像的DIV

<div id="image"></div>

---

Use可以通过CSS来实现，但是不要使用img标记，而是使用带有背景图像的DIV

<div id="image"></div>

---

尝试CSS精灵，从CSS-tricks.com了解如何使用它们。

尝试CSS精灵，从CSS-tricks.com了解如何使用它们。

检查CSS:hover检查CSS:hover注意：hover在IE6中除了链接之外不适用：@Sarfraz:Yes IE6不支持。然后我们可以使用jquery来实现这一点。注意：hover在IE6中除了链接之外不适用：@Sarfraz:Yes IE6不支持。然后，我们可以使用jquery来完成此操作。@zmol:尝试在div上使用值更大的z-index属性。@zmol:尝试在div上使用值更大的z-index属性。

**Here is the solution you can try**

<div class="imgdiv">
       <a class="imga" href="http://destination.com">
          <img src="URL OF THE FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF THE SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF THE FIRST IMAGE GOES HERE'" width="100" height="100">
       </a>
</div> 

**Here is the solution you can try**

<div class="imgdiv">
       <a class="imga" href="http://destination.com">
          <img src="URL OF THE FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF THE SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF THE FIRST IMAGE GOES HERE'" width="100" height="100">
       </a>
</div>