0

我试图将鼠标悬停在几张图像上，然后图像会调整大小，但不知何故，假设我有三张图像。如果我的鼠标在第一个图像上，那么所有三个都将调整大小如果我将鼠标悬停在第三个然后是第二个然后第一个然后它会一个一个地调整大小，而不是一次调整所有三个的大小。我刚开始使用javascript，所以还不太了解。除非我知道更高级的方法，否则它是这样工作的吗？

我也想这样做，所以当我的鼠标不在时，图像会恢复为默认值，但我不确定我应该怎么做......

这就是我所拥有的...

<script>
var div1Images=document.getElementById("div1").getElementsByTagName("img");

for(i=0;i<div1Images.length;i++)
{
    div1Images[i].onmouseover=function()
    {
    this.style.width="100px";
    }
}
</script>

<body>
<div id="div1">
<img src="cat.jpg" id="im1"/>
<img src="dog.jpg" id="im2"/>
<img src="fish.jpg" id="im3"/>
</div><!--close div1-->
</body>

提前致谢。

4

1 回答 1

2

You can do this with CSS:

<img class="mypic" src="cat.jpg" id="im1"/>

.myPic:hover {
      width:100px;
}
于 2013-03-13T20:21:31.720 回答