分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。具体代码实现如下：varimg=document.getElementById('img');functionbigger(){img.style.width='...

});当鼠标放上去的时候，图片变大('#Img1,#Img2,#Img3').mouseout(function(){(this).animate({width:"118px",height:"106px"},100);});当鼠标离开的时候，图片还原为原来的尺寸});

主要是onmouseover事件，鼠标移到图片上，和onmouseout事件，鼠标离开图片时触发。

用js，先是一个小图片（缩略图），onMouseOver时触发js写的Function，当然Function中是处理方法。这只是简单思路，至于怎么写网上有很多类似的代码可以供你copy了，自己找找。

从中间放大要设置为absolute定位才行，要不static只能是左上角或者可以使用css3的transform:scale(2);transform-origin:center获取当前所在图片坐标，然后等比例放大图片，等比例获取坐标值，将图片定位在显示窗口位置，可以了...

JS写在图片上加属性onmouseover="ZoomImage(this,'big');"onmouseout="ZoomImage(this,'small');"functinZoomImage(obj,val){if(val=="big"){document.all.obj.style.width=&

将hover加在a上而不是img，是因为ie6只支持a的hover选择器。2、利用js制作，jquery：...('aimg').hover(function(){(this).css({height:120px,width:120px//hover时增大})},function(){(this)...

functionshowImg(event,imgId){varx=document.body.scrollLeft+event.clientX;vary=y=document.body.scrollTop+event.clientY;document.getElementById(imgId).style.display="block";document.getElement

<>网页特效观止|jscodecn|鼠标放到图片上慢慢变大移开后图片又慢慢变小vari=//变大functionmax(){MImg=MainImgstylepixelWidth+=i++MainImgstylepixelHeight=...

合适为止）鼠标滑动下去恢复图片尺寸和margin就好了，鼠标放上去js是比如$(".dong").hover(function(){//这里是鼠标放上去，改变图片和margin等},function(){//这里是鼠标下去，改变回图片和margin等});...