飘荡图像

细读以下说明!


步骤一  您所使用的图像必须是透明背景。图像不得大于 100 x 100 pixels。要使用气球图像作样板,请用滑鼠 右击下面的三个链接,选择 “目标另存为"。储存图像在您的计算机内,然後上载到您的网站相关的文件夹中。
qq2.gif
qq3.gif
qq1.gif


步骤二  下载这piaodangtu.js文件到您的计算机内,然後上载到与您的网页相同的文件夹中。


步骤三  拷贝以下代码再HEAD的范围内 (即<head> 和 </head>之间)。

    


步骤四  拷贝以下代码再紧跟<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');}"


可以增加更多图像,但您必须修改以上各处的代码。

 

就是如此简单!
请享用