0

いくつかの画像にマウスを合わせようとすると、画像のサイズが変更されますが、どういうわけか、3 つの画像があるとしましょう。マウスが最初の画像の上にある場合、3 番目、2 番目、1 番目にマウスを合わせると、3 つすべてがサイズ変更され、3 つすべてを一度にサイズ変更するのではなく、1 つずつサイズ変更されます。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

CSS でこれを行うことができます。

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

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