发信人: marsz()
整理人: microant(1999-08-02 12:13:18), 站内信件
|
实例:气球飞呀!
适用浏览器:ALL
说明:看到有三个气球在空中飞舞了吗,想不想也弄一个这样的浮动连结图标?
第一步:将脚本文件moveobj.js保存到你的硬盘上(NC的用户请点击该链接的同 时按下Shift键,否则不能下载)
第二步:将下列代码复制到网页的Head和Body标记中间。
<script language="JavaScript" SRC="js/moveobj.js"> </script>
<script>
/*
modified by mars 1999, www.joysoft.net
*/
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>标记中,注意不要包涵除body以外的 任何标记里。注意图片路径!
<DIV ID="chip1" STYLE="position:absolute; width:47; height:68;">
<A HREF="some.html"><IMG SRC="../ballon3.gif" BORDER=0>
</DIV>
<DIV ID="chip2" STYLE="position:absolute; width:47; height:68;">
<A HREF="some.html"><IMG SRC="../ballon4.gif" BORDER=0>
</DIV>
<DIV ID="chip3" STYLE="position:absolute; width:47; height:68;">
<A HREF="some.html"><IMG SRC="../ballon2.gif" BORDER=0>
</DIV>
第四步:将 onLoad="pagestart();" onUnload="if(brOK) {stopme('chip1'); stopme('chip2'); stopme('chip3');}"添加到<body>标记中。(如<body onLoa d="pagestart();" onUnload="if(brOK) {stopme('chip1'); stopme('chip2'); stopme('chip3');}" >)
如果图片数是2的话,请改变第二部中“chip”变量的数量为2,并把第四步中on load内容更改为:onLoad="pagestart();" onUnload="if(brOK) {stopme('chip 1'); stopme('chip2');}"
如果图片数是4的话,请改变第二部中“chip”变量的数量为4,并把第四步中on load内容更改为:onLoad="pagestart();" onUnload="if(brOK) {stopme('chip 1'); stopme('chip2');stopme('chip3');stopme('chip4');}",以此类推
理论上本例支持任意多的图片。
-- ________________________________________________
欢迎访问飞翔鸟软体驿站: HTTP://JOYSOFT.SOIM.NET
BEST REGUARDS, MARS MAILTO:[email protected]
※ 来源:.月光软件站 http://www.moon-soft.com.[FROM: 202.106.172.121]
|
|