显示大图和隐藏大图的js代码: 复制代码 代码如下: <BR> //显示图片<BR> function over(imgid,obj,imgbig)<BR> {<BR>//大图显示的最大尺寸 4比3的大小 400 300<BR>maxwidth=400;<BR>maxheight=300; <P>//显示<BR> obj.style.display="";<BR> imgbig.src=imgid.src;<br><br> <BR> //1、宽和高都超过了,看谁超过的多,谁超的多就将谁设置为最大值,其余策略按照2、3<BR> //2、如果宽超过了并且高没有超,设置宽为最大值<BR> //3、如果宽没超过并且高超过了,设置高为最大值<br><br> if(img.width>maxwidth&&img.height>maxheight)<BR> {<BR> pare=(img.width-maxwidth)-(img.height-maxheight);<BR> if(pare>=0)<BR> img.width=maxwidth;<BR> else<BR> img.height=maxheight;<BR> }<BR> else if(img.width>maxwidth&&img.height<=maxheight)<BR> {<BR> img.width=maxwidth;<BR> }<BR> else if(img.width<=maxwidth&&img.height>maxheight)<BR> {<BR> img.height=maxheight;<BR> } <BR> } <P> //隐藏图片<BR> function out()<BR> {<BR>document.getElementById('divImage').style.display="none";<BR> }<BR> 显示小图的image和显示大图的image: 复制代码 代码如下: