注册
|
登录
|
设为首页
|
加入收藏
首页
新闻动态
软件应用
图形图像
硬件IT
电脑安全
编程开发
精文荟萃
游戏娱乐
焦点人物
教学视频
互联网
专题
您当前的位置:飞翔学院-IT中国 →
编程开发
→
JavaScript
→ 文章内容
页面上从下往上,由小变大的星星
作者:佚名 来源:不详 发布时间:2008-5-23 9:03:22
<BODY bgcolor="#008000"><SCRIPT language=JavaScript><!--Image0=new Image();Image0.src="/html/UploadPic/2008-5/20085239322143.gif";Amount=16; Ypos=new Array();Xpos=new Array();Speed=new Array();rate=new Array();grow=new Array();Step=new Array();Cstep=new Array();nsSize=new Array();ns=(document.layers)?1:0;WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;WinWidth=(document.layers)?window.innerWidth: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()*4+4; Cstep[i]=0; Step[i]=Math.random()*0.1+0.05; grow[i]=10; nsSize[i]=Math.random()*15+5;}if (ns){for (i = 0; i < Amount; i++){document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>");}}else{document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i = 0; i < Amount; i++){document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=60)">');}document.write('</div></div>');}function bubbles(){var WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight;var WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth;var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop;var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft;for (i=0; i < Amount; i++){sy = Speed[i]*Math.sin(270*Math.PI/180);sx = Speed[i]*Math.cos(Cstep[i]);Ypos[i]+=sy;Xpos[i]+=sx; rate[i]=0.4;if (Ypos[i] < -50){Ypos[i]=WinHeight+50;Xpos[i]=Math.round(Math.random()*WinWidth);Speed[i]=Math.random()*4+6;grow[i]=2;nsSize[i]=Math.random()*15+5;}if (ns){document.layers['sn'+i].left=Xpos[i]+wscrll;document.layers['sn'+i].top=Ypos[i]+hscrll;}else{si[i].style.pixelLeft=Xpos[i]+wscrll;si[i].style.pixelTop=Ypos[i]+hscrll;si[i].style.width=grow[i];si[i].style.height=grow[i]; }grow[i]+=rate[i]; Cstep[i]+=Step[i];if (grow[i] > 24) grow[i]=25;}setTimeout('bubbles()',10);}bubbles();//--></SCRIPT>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
打印文档
推荐好友
返回顶部
增大字体
减少字体
上一篇文章:
Loading……显示页面打开时间
下一篇文章:
非常酷的螺旋特效(推荐)
分类推荐
·
状态栏左右移动的文字
·
状态栏单字变化的文字
·
彩色变换的文字
·
状态栏滚动文字特效
·
嵌套marquee,产生特别效果
·
通过改变大小写来形成的状态栏特效
·
方块经过的地方文字由大写变为小写
·
如何将状态栏特效用到标题栏
·
如何使超链接被点击后不出现虚线框
·
渐显的超链接文字(很酷)
·
文字快速依次弹出
·
文字从左依次弹出
热点文章
·
页面上从下往上,由小变大的星星
精采文章
·
电脑城技术资料:超全Windows...
·
[图文]
23项改进 Windows 7对...
·
淘宝网信誉被炒卖 250元可买...
·
[图文]
Windows生日快乐 二十...
·
[图文]
低配置电脑也能使Vist...
精采文章
·
电脑城技术资料:超全Windows...
·
[图文]
23项改进 Windows 7对...
·
淘宝网信誉被炒卖 250元可买...
·
[图文]
Windows生日快乐 二十...
·
[图文]
低配置电脑也能使Vist...
关于本站
|
工作机会
|
合作网站
|
广告服务
|
市场合作
|
联系我们
|
抽奖活动
版权所有: 武汉威俊科技有限公司 Copyright 2005-2007 www.ITCNW.COM All rights reserved