jQuery:使用悬停一次滚动多个图像

Question

我有一个小问题，但我有点困惑。

我使用以下代码在我的网页上进行翻转

$("#mylink1 img").hover(
 function()
 {
  this.src = this.src.replace("_off","_on");
 },
 function()
 {
  this.src = this.src.replace("_on","_off");
 }
);

这对于单个图像非常有用，但我想滚动其中一张图像并更改另一张图像。

<a id="mylink1" href="about.cfm"><img src="images/Home_top_navs/aboutus_manage_off.gif" /></a>

<a id="mylink1" href="about.cfm"><img src="images/Home_top_navs/aboutus_nav2_off.gif" /></a>

如有任何帮助，我们将不胜感激!谢谢!

Answer 1

不要使用id，使用class，因为id是唯一的。

<a class="mylink1" href="about.cfm"><img src="images/Home_top_navs/aboutus_manage_off.gif"  /></a>

<a class="mylink1" href="about.cfm"><img src="images/Home_top_navs/aboutus_nav2_off.gif" /></a>

然后:

$(".mylink1 img").hover(