精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网络专区>>● 网站建设>>盖世神功 — 网站建设技术>>HTML — 做好一个网页不能没有的基础>>DHTML特效>>特效13:气球飞呀!

主题:特效13:气球飞呀!
发信人: 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]

[关闭][返回]