?? 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 + -