让 你 的
主 页 酷 起 来 —— 实 战 java script
怎么办?不要紧，只要把下面这些小程序剪贴加入你的网页，你的网页就会变得十分酷，现在让我来教你一些小技巧。
★ 根据时间弹出信息框
下面的程序读取系统时间，然后根据时间弹出信息框。其中“if(hours>7 && hours<11) ”表示大于7:00或小于11:00执行后面alert命令。你可以根据时间对访问者说不同的话，比如凌晨1：00～4 ：00 你可以说“老兄真是标准的网迷，要保重身体啊！”在11:00～12:00可以问“老兄吃过饭了吗？”问候语写在alert函数中双引号里。
［以下这段加入主程序］
<script LANGUAGE=“JavaScript”>
function number(index1，index2)
{var numberstring=“一二三四五六七八九”;
var f=0;
var allstring=“”;
if( index1 == 0 ) allstring+=“零”;
while(index1 >= 10)
{ f++; index1=index1-10; }
if( f == 1 ) allstring+=“十”;
if( f > 1 ) { allstring+=numberstring.substring(0+2*(f-1)，f*2)+“十”; }
allstring+=numberstring.substring(0+2*(index1-1)，index1*2)+index2;
return allstring;}
function SayHello()
{
var today = new Date();
var hours = today.getHours ( );
var minutes = today.getMinutes();
var string = “现在时间是”;
string += number(hours，“点”);
string += number(minutes，“分。欢迎进入莱因哈特的家”);
if(hours==0) alert(string + “现在是0点”);
if(hours==1) alert(string + “现在是1点，还没有睡觉？？？”);
if(hours>1 && hours<5) alert(string + “老兄真行，果然是网虫！”);
if(hours==5) alert(string + “现在是5点”);
if(hours==6) alert(string + “现在是6点”);
if(hours==7) alert(string + “7点了，该起床了”);
if(hours>7 && hours<11) alert(string + “现在是上班时间”);
if(hours==11) alert(string + “现在是11点”);
if(hours==12) alert(string + “现在是12点”);
if(hours>12 && hours<18) alert(string + “现在是下午”);
if(hours==18) alert(string + “还是去吃晚饭吧”);
if(hours>18 && hours<23) alert(string + “现在是18-23点”);
if(hours==23) alert(string + “现在是23点，有点困了”);
}
SayHello();
</script></p>
★ 绚彩效果
绚彩效果是当浏览者进入含有这个程序的网页时，网页会按照您选定的颜色事先闪烁几下，然后再显示出页面的内容。
［以下这段加入主程序］
<script>
var hexChars = “0123456789ABCDEF”;
function Dec2Hex (Dec)
{
var a = Dec % 16;
var b = (Dec - a)/16;
hex = “” + hexChars.charAt(b) + hexChars.charAt(a);
return hex;
}
function bgChanger (begin， end， steps){
steps = steps -1 ;
redA = begin.charAt(0) + begin.charAt(1);
red_valA = parseInt(redA，'16');
redB = end.charAt(0) + end.charAt(1);
red_valB = parseInt(redB，'16');
red_int = ((red_valB - red_valA) / steps) * -1;
grnA = begin.charAt(2) + begin.charAt(3);
grn_valA = parseInt(grnA，'16');
grnB = end.charAt(2) + end.charAt(3);
grn_valB = parseInt(grnB，'16');
grn_int = ((grn_valB - grn_valA) / steps) * -1;
bluA = begin.charAt(4) + begin.charAt(5);
blu_valA = parseInt(bluA，'16');
bluB = end.charAt(4) + end.charAt(5);
blu_valB = parseInt(bluB，'16');
blu_int = ((blu_valB - blu_valA) / steps) * -1;
step = 2; red = red_valA; grn = grn_valA; blu = blu_valA;
document.bgColor = begin;
while ( steps >= step )
{
red -= red_int;
red_round = Math.round(red);
red_hex = Dec2Hex(red);
grn -= grn_int;
grn_round = Math.round(grn);
grn_hex = Dec2Hex(grn);
blu -= blu_int; blu_round = Math.round(blu);
blu_hex = Dec2Hex(blu);
document.bgColor = red_hex + grn_hex + blu_hex;
step++;
}
document.bgColor = end;
}
bgChanger(“ff0000”，“ff0000”，200);
bgChanger(“000000”，“00ff00”，200);
bgChanger(“000000”，“0000ff”，200);
bgChanger(“000000”，“ff00ff”，200);
bgChanger(“000000”，“ffffff”，200);
</script>
其中bgChanger的中“000000”是颜色代码。bgChanger的用法如下：bgChanger(“起始color”，“结束color”，延迟时间)。
★ 淡出效果
如果你觉得上面的程序作出的效果太花眼，那么试试下面这个短小精悍的程序，其作用是:当浏览者进入含有这个程序的网页时，网页会慢慢由暗转明，然后显示出页面的内容。
［以下这段加入<head>和</head>之间］
<HEAD>
<SCRIPT Language=“JavaScript”>
<!-- 屏幕变色程序 -->
function BgColor()
{
var x = 0， step = 1
while( x <= 0xffffff)
{
document.bgColor = x
x += step
step <<= 8
if( step >= 0x1000000) step = 1
}
}
BgColor()
</Script>
</HEAD>
好了，java script小程序就为你介绍到这里，java script虽然不及javaclass功能强大但是执行非常快速。我建议大家多用用java script。短短一篇文章无法介绍完全，其实最好的办法就是：大家在网上看到什么好的程序尽管查看源程序，拷贝并粘贴就行了。嘻嘻，这个东东可没有版权呀。还有大家有空可以到http://www.see.online.sh.cn/CH/author/LJ/index.htm我的主页看看。
*注： “［以下这段加入主程序］”的意思是把程序加在<body></body>之间。