彈出小視窗,並自動調整成適合圖片的視窗大小(一) |
範例 |
使用 JavaScript 程式後,可依據該圖檔實際大自動縮放適合該圖片尺寸的彈出視窗。 你也可以在此圖檔上使用滑鼠右鍵,選擇內容,查看你伸縮過的尺寸。 開啟方式:網頁 + 圖片。 優點:如果你使用得是各類大小不一的圖片,你不用逐一設定彈出視窗尺寸,非常實用。 使用 JavaScript 程式如下: |
<script language="JavaScript" type="text/javascript"> <!-- var i=0; function resize() { if (navigator.appName == 'Netscape') i=40; if (document.images[0]) window.resizeTo(document.images[0].width +50, document.images[0].height+90-i); self.focus(); self.moveTo(0,0); } //--> </script> <BODY onresize="resize();"><img src="pics/300X225.jpg" width="600" height="450"> |
本報導資料來源:Webdevelopers and Webmasters |
另一個類似功能 |
範例 |
請按瀏覽器的檢視原始碼查看