Question

我正试图将鼠标悬停在几张图像上然后图像会调整大小，但不知怎的，我会说我有三张图像。如果我的鼠标在第一张图像上方，那么如果我鼠标悬停在第三张图像上然后是第二张图像，那么所有三张图像都将调整大小我刚开始使用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>

提前致谢。

Answer 1

您可以使用CSS执行此操作：

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

.myPic:hover {
      width:100px;
}

onmouseover和onmouseout调整图像大小

1 个答案: