• 文字广告位
  • 文字广告位
  • 文字广告位
您现在的位置: 站长手册 >> 特效代码 >> 窗口类 >> 正文
站内搜索
Google
[图文]满屏飘落的枫叶
          ★★★   

满屏飘落的枫叶

雅虎收藏夹 百度收藏 Google书签 Yahoo书签 新浪ViVi 搜狐网摘 365Key网摘 天极网摘 diglog 和讯网摘 POCO网摘 YouNote网摘 博拉网 天下图摘 Del.icio.us digg reddit spurl BlinkList blogmarks
人气: 来源:本站原创 作者:佚名 所属栏目:窗口类 [切换到繁體中文]
介绍:秋天的美景,共6种形状的叶子随屏飘动。

演示:

[Ctrl+A全选 提示:你可先修改部分代码,再按运行]

下面教你如何应用此特效:
 --------------------------------------------------------------------------------------
  需要在<body 这里>加入的代码:
 --------------------------------------------------------------------------------------
以下代码加到<head>…</head>中
以下代码加到<body>…</body>中
<script language="JavaScript1.2">
grphcs=new Array(6)
Image0=new Image();
Image0.src=grphcs[0]="/texiao/zzsc_demo/ye01.gif";
Image1=new Image();
Image1.src=grphcs[1]="/texiao/zzsc_demo/ye02.gif"
Image2=new Image();
Image2.src=grphcs[2]="/texiao/zzsc_demo/ye03.gif"
Image3=new Image();
Image3.src=grphcs[3]="/texiao/zzsc_demo/ye04.gif"
Image4=new Image();
Image4.src=grphcs[4]="/texiao/zzsc_demo/ye05.gif"
Image5=new Image();
Image5.src=grphcs[5]="/texiao/zzsc_demo/ye06.gif"
Amount=8;
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
if (ns){
for (I = 0; I < Amount; I++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+I+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (I = 0; I < Amount; I++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+I+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
for (I=0; I < Amount; I++){
 Ypos[I] = Math.round(Math.random()*WinHeight);
 Xpos[I] = Math.round(Math.random()*WinWidth);
 Speed[I]= Math.random()*5+3;
 Cstep[I]=0;
 Step[I]=Math.random()*0.1+0.05;
}
function fall(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
for (I=0; I < Amount; I++){
sy = Speed[I]*Math.sin(90*Math.PI/180);
sx = Speed[I]*Math.cos(Cstep[I]);
Ypos[I]+=sy;
Xpos[I]+=sx;
if (Ypos[I] > WinHeight){
Ypos[I]=-60;
Xpos[I]=Math.round(Math.random()*WinWidth);
Speed[I]=Math.random()*5+3;
}
if (ns){
document.layers['sn'+I].left=Xpos[I];
document.layers['sn'+I].top=Ypos[I]+hscrll;
}
else if (ns6){
document.getElementById("si"+I).style.left=Math.min(WinWidth,Xpos[I]);
document.getElementById("si"+I).style.top=Ypos[I]+hscrll;
}
else{
eval("document.all.si"+I).style.left=Xpos[I];
eval("document.all.si"+I).style.top=Ypos[I]+hscrll;
}
Cstep[I]+=Step[I];
}
setTimeout('fall()',20);
}

window.onload=fall
</script>

  • 上一个特效:
  • 网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    姓 名: *(必填项) ·注册用户·
    Email: QQ号:
    评 分: 1分 2分 3分 4分 5分
    • 您可以发表评论支持你喜欢的文章。
    • 请遵守《互联网电子公告服务管理规定》
    • 请遵守中华人民共和国各项有关法律法规。
    • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    • 评论人需对自己在使用评论过程中的行为承担法律责任。
    • 本站管理员有权保留或删除评论内容。
    • 评论内容只代表个人观点,与本网站立场无关。
    站内特效搜索
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | | 京ICP备 05004866号 |
    版权所有 2007-2008 站长手册 WWW.ZZSC.ORG 业务联系 zzsc.org#gmail.com