📄 starpage.htm
字号:
<html>
<head>
<title>
星光闪烁的背景
</title>
<script language=javascript>
<!--
hexa = new Array(16);//获得16进制的0-15这16个值的数组
for(var i = 0; i < 10; i++)
hexa[i] = i;
hexa[10]="a";
hexa[11]="b";
hexa[12]="c";
hexa[13]="d";
hexa[14]="e";
hexa[15]="f";
//获得整数值i的16进制表示
function hex(i)
{
//小于0和大于255的数作为出错处理
if(i < 0)
return "00";
else if (i > 255)
return "ff";
else return "" + hexa[Math.floor(i/16)] + hexa[i%16];
}
//设置背景色
function setbgColor(r, g, b)
{
var hr = hex(r);
var hg = hex(g);
var hb = hex(b);
document.bgColor = "#"+hr+hg+hb;
}
//星光颜色逐渐暗淡
function fade(sr, sg, sb, er, eg, eb, step)
{
for(var i = 0; i <= step; i++)
{
setbgColor( Math.floor(sr * ((step-i)/step) + er * (i/step)), Math.floor(sg * ((step-i)/step) + eg * (i/step)), Math.floor(sb * ((step-i)/step) + eb * (i/step))); //设置星光的背景色
}
}
//-->
</script>
</head>
<body bgColor=#ffffff onload=start_it() onunload=end_it() topMargin=0>
<script language=javascript>
<!--
//获得浏览器的窗口区域宽度
if(navigator.appName=="Netscape")
window_height = window.innerHeight;
else window_height = document.body.offsetHeight;
window_height -= 20;
alert(window_height);
//创建各个星光容器
for(i=1;i<=10;i++)
{
document.write("<div id=\"star"+i+"\" style=\"position:absolute;top:80%;left:"+(Math.floor(Math.random()*5)+9*(i-1))+"%;width:21;height:21;visibility:hidden;\"><dd><img src=\"star.gif\" WIDTH=\"21\" HEIGHT=\"21\"></dd></div>");
}
//随机移动各个星光容器的位置
function randommove()
{
for(i=1;i<=10;i++)
eval("star"+i+".style.top=get_top()");
}
//获得随机的高度
function get_top()
{
var t,t2;
t=Math.floor(Math.random()*window_height);
t2=t.toString()+"px";
return(t2);
}
//设置各个星光容器的可视化
function set_visible()
{
for(i=1;i<=10;i++)
eval("star"+i+".style.visibility=\"visible\"");
}
//开始播放星光闪烁动画的入口函数
function start_it()
{
fade(255,255,255, 0,0,0, 50);
setInterval("randommove()",1000);
set_visible();
}
//结束时的函数
function end_it()
{
fade(0,0,0,255,255,255,10);
}
-->
</script>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -