使用的圖像必須是大小相同的正方形，否則圖像在翻轉一次之後便消失。 安裝 步驟一 拷貝以下腳本後貼在有關網頁的<head></head>之間。 <SCRIPT language="JavaScript" type="text/javascript"> <!--hide var wdmax=160; //設定圖像的最大寬度 var wdmin=10; //設定圖像之間的厚度 var inc=05; //設定替換步驟像素值 var rate = 50; //翻轉速度 var pause = 1000; //圖像停留時間 var ff="flip"; //圖像翻轉從左右(flip) 或上下(flop)開始 function fanzhuan() { if (ff=="flip") { var wd = document.getElementById("pic").getAttribute("width"); wd = wd - inc; document.getElementById("pic").setAttribute("width",wd); if (wd==wdmin) { document.getElementById("pic").setAttribute("src","coin2.gif"); //替換的第二張圖像名稱 inc=-inc; } if (wd==wdmax) { ff="flop"; inc=-inc; setTimeout("fanzhuan()",pause); } else { setTimeout("fanzhuan()",rate); } } else { var ht = document.getElementById("pic").getAttribute("height"); ht = ht - inc; document.getElementById("pic").setAttribute("height",ht); if (ht==wdmin) { document.getElementById("pic").setAttribute("src","coin1.gif"); //第一張圖像名稱 inc=-inc; } if (ht==wdmax) { ff="flip"; inc=-inc; setTimeout("fanzhuan()",pause); } else { setTimeout("fanzhuan()",rate); } } } --> </SCRIPT> 步驟二 拷貝以下腳本貼在網頁的<body>之下適當位置。 <TABLE border="0"> <th width="160" height="160"> <IMG src="coin1.gif" width="160" height="160" ID="pic"> </th></TABLE> 步驟四 把下列代碼放置在<body>標記內。 onLoad="javascript:fanzhuan()" 樣板：<body onLoad="javascript:fanzhuan()">
步驟一 拷貝以下腳本後貼在有關網頁的<head></head>之間。
步驟二 拷貝以下腳本貼在網頁的<body>之下適當位置。
步驟四 把下列代碼放置在<body>標記內。
onLoad="javascript:fanzhuan()"
樣板：
<body onLoad="javascript:fanzhuan()">
