飄蕩圖像

細讀以下說明！

步驟一  您所使用的圖像必須是透明背景。圖像不得大于 100 x 100 pixels。要使用氣球圖像作樣板，請用滑鼠右擊下面的三個鏈接，選擇 “目標另存為"。儲存圖像在您的計算机內，然後上載到您的網站相關的文件夾中。。
qq2.gif
qq3.gif
qq1.gif

步驟二  下載這piaodangtu.js文件到您的計算机內，然後上載到与您的網頁相同的文件夾中。。

步驟三  拷貝以下代碼再貼進HEAD的范圍內 (即<head> 和 </head>之間)。


<script language="JavaScript" SRC="piaodangtu.js"> </script> <script> var chip1; var chip2; var chip3; function pagestart() {checkbrOK(); chip1=new Chip("chip1",60,80); chip2=new Chip("chip2",60,80); chip3=new Chip("chip3",60,80); if(brOK) { movechip("chip1"); movechip("chip2"); movechip("chip3"); } } </script>

步驟四  拷貝以下代碼再貼在緊跟著<body>標記之下。(它絕不能包含在表單之中。)
<DIV ID="chip1" STYLE="position:absolute; width:47; height:68;">
<A HREF="page1.html"><IMG SRC="qq3.gif" BORDER=0></a>
</DIV>
<DIV ID="chip2" STYLE="position:absolute; width:47; height:68;">
<A HREF="page2.html"><IMG SRC="qq1.gif"
BORDER=0></a>
</DIV>
<DIV ID="chip3" STYLE="position:absolute; width:47; height:68;">
<A HREF="page3.html"><IMG SRC="qq2.gif" BORDER=0></a>
</DIV>
更換圖像名稱 (紅色顯示部分) 為您的圖像文件名。 (假如您使用作為樣板的氣球圖像便無須更換。)
更換圖像的寬与高度(綠色顯示部分) 以符合您的圖像。
更換鏈接路徑 (藍色顯示部分) 以符合您的網頁地址。(鏈接外站須使用絕對路徑。) 假如您不需要鏈接到其他網頁，就把它刪除好了。
比如刪除：  <A HREF="page3.html">

步驟五  拷貝下文貼在網頁的<body> 標記之內。
onLoad="pagestart();" onUnload="if(brOK) {stopme('chip1'); stopme('chip2'); stopme('chip3');}"

可以增加更多圖像，但您必須修改以上各處的代碼。

就是如此簡單！
請享用