onmouseover和onmouseout來調整圖像大小

我想將鼠標放在幾張圖像上，然後圖像將調整大小，但不知怎的，我們可以說我有三個圖像。如果我的鼠標移動到第一個圖像上，那麼如果我將鼠標放在第三個然後第一個圖像上，那麼所有三個都將調整大小，然後它將逐個調整大小，而不是一次調整三個大小。我剛開始使用JavaScript，所以不知道太多。這是如何工作，除非我知道更高級的做法嗎？onmouseover和onmouseout來調整圖像大小

此外，我想使它所以當我的鼠標是縮小圖像將返回到默認值，但我不知道我應該怎麼做....

這是我有...

<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>

在此先感謝。

來源

2013-03-13 Dora

你可以用CSS做到這一點：

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

.myPic:hover { 
     width:100px; 
}

來源

2013-03-13 20:21:31

，但我知道我的意思做它在JavaScript哈哈... – Dora 2013-03-13 22:23:04

這就是我要求做，否則我會去的CSS太：P – Dora 2013-03-13 22:56:02

意思？這是一項家庭作業嗎？ – 2013-03-14 14:06:14

onmouseover和onmouseout來調整圖像大小

回答

相關問題