s10_13.htm

来自「老师课件」· HTM 代码 · 共 66 行

HTM

66 行

<HTML>

<HEAD>
<META name="vs_defaultClientScript" content="JavaScript">
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<META http-equiv="Content-Language" content="zh-cn">
<META name="vs_targetSchema" content="HTML 4.0">
<META name="GENERATOR" content="Microsoft FrontPage 5.0">
<META name="ProgId" content="FrontPage.Editor.Document">
<TITLE>雪花飘落</TITLE>
<SCRIPT language="javascript">
<!--
function snowStart(dot_number)
{//启动雪花飘落过程(参数dot_number:雪花点数目)
	var i,snow_dot_html,dot_image;
	dot_image = "snow_dot.GIF";//雪花点图像
	snow_dot_html = '<IMG id="snow_dot" border="0" src="' + dot_image;
	snow_dot_html += '" style="position: absolute; left: -1; top: -1" width="35" height="36">';
	for(i=0;i<dot_number;i++)
	{//为当前文档添加多个表示雪花的IMG标记,并给出相同的id,以便以数组形式访问这些图像
		document.write(snow_dot_html);
	}
	snowing();
}

function snowing()
{//移动雪花点的位置,以模拟雪花飘落
	var body_width,body_height,i,dot;
	body_width = document.body.clientWidth;
	body_height = document.body.clientHeight;
	for(i=0;i<snow_dot.length;i++)
	{//移动每个雪花
		dot = snow_dot[i];//某个雪花对象
		if(dot.style.pixelTop<0 || dot.style.pixelTop > (body_height - dot.height - 5))
		{//如果雪花点落在可视浏览区之外，则重新设置其初始位置
			dot.own_Y = 0;	//Y坐标值
			dot.own_offsetY = 0.6 + Math.random();//Y轴方向的偏移量
			
			dot.own_am = Math.random()*20;//(左右)摆动幅度
			dot.own_X = dot.own_am + Math.random()*(body_width - dot.width-dot.own_am-20);
			dot.own_dx = 0;
			dot.own_dx_offset = 0.05 + Math.random()/10; 
		}
		dot.own_dx += dot.own_dx_offset;
		dot.own_Y  +=  dot.own_offsetY;
		dot.style.pixelTop  =  dot.own_Y;
		dot.style.pixelLeft =  dot.own_X + dot.own_am * Math.sin(dot.own_dx);
	}
	self.setTimeout("snowing()",10);
}
//-->
</SCRIPT>
</HEAD>

<BODY>

<SCRIPT language="javascript">
<!--
	snowStart(10);
//-->
</SCRIPT>

</BODY>

</HTML>

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?

s10_13.htm

s10_13.htm - 源码说明

⌨️ 快捷键说明