將圖片查詢出來之後,還需要加一個查看大圖的功能,於是就用js寫了一個方法,然後在image的onmouseover事件中調用此方法,這樣在滑鼠懸浮在小圖上面的時候,其大圖就會自動的顯示出來。 顯示大圖與隱藏大圖的js程式碼: 複製程式碼 程式碼如下: 程式碼如下: 程式碼如下: <BR>//顯示圖片<BR>function over(imgid,obj,imgbig) <br>{ <br>//大圖顯示的最大尺寸4比3的大小400 300 <BR>maxwidth=400; <BR>maxheight=300; <BR><br>//顯示<br>obj.style.display=""; <BR>imgbig.s<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>else if(img.width<=maxwidth&&img.height>maxheight) <BR>{ <BR>img.height=maxheight; <BR>} } //隱藏圖片function out() { document.getElementById('divImage').style.display="none"; } } } 顯示小圖的image和顯示大圖的image: 複製代碼 代碼如下: