安裝

步驟一  拷貝以下腳本後貼在有關網頁的<head></head>之間。

    
<script language="javascript"> // 設定放大 //----------------------------------------------------------------- var img_path="maha_n.jpg"; // 圖像路徑 var top_pos=240; //圖像與屏幕頂部距離 var left_pos=130; //圖像與屏幕左側距離 var max_width=700; // 放大頂限 var min_width=20; // 縮小頂限 var time_length=1; // 縮放速度 var step=2; // 哪張圖像縮放 //----------------------------------------------------------------- document.write('<div id="q_div" style="position:absolute; top:' + top_pos + '; left:' + left_pos + '"><img src="' + img_path + '" border="3" bordercolor="#000000" name="z"></div>'); img_act_width=z.width; img_act_height=z.height; var original_time=time_length; function suofang_out() { if(z.width==0) { z.border=0; } if(z.width!=0) { if(z.width>min_width) { z.width-=step; z.height=Math.round(z.width*((img_act_height)/(img_act_width))); setTimeout("suofang_out()",time_length); } else { window.alert('已達到縮小頂限！'); } } } function suofang_in() { if(z.width==0) { z.border=0; } if(z.width!=0) { if(z.width<max_width) { z.width+=step; z.height=Math.round(z.width*((img_act_height)/(img_act_width))); setTimeout("suofang_in()",time_length); } else { window.alert('已達到放大頂限！'); } } } function resume_suofang() { time_length=original_time; } function pause_suofang() { time_length=10000000000; } function set_original() { z.width=img_act_width; z.height=img_act_height; } </script>

步驟二  拷貝以下腳本貼在網頁的<body>之下。

    
<table cellspacing="2" cellpadding="2" align="center"><tr> <td bgcolor="#025B75" style="border:2 solid #FFFFFF" align="middle"><a href="#" onmouseover="javascript:resume_suofang();suofang_in();" onmouseout="javascript:pause_suofang();" style="font-family:魏碑體,黑體; font-weight:regular; font-size:12pt; color:#003399; text-decoration:none"><font color="#FFFFFF">放大</font></a></td> <td bgcolor="#025B75" style="border:2 solid #FFFFFF" align="middle"><a href="#" onmouseover="javascript:resume_suofang();set_original();" style="font-family:魏碑體,黑體; font-weight:regular; font-size:12pt; color:#000000; text-decoration:none"><font color="#FFFFFF">原狀</font></a></td> <td bgcolor="#025B75" style="border:2 solid #FFFFFF" align="middle"><a href="#" onmouseover="javascript:resume_suofang();suofang_out();" onmouseout="javascript:pause_suofang();" style="font-family:魏碑體,黑體; font-weight:regular; font-size:12pt; color:#003399; text-decoration:none"><font color="#FFFFFF">縮小</font></a></td> </tr></table>