1、在桌机上新建文本文档,命名为晓博JavaScript特效测试.txt,在文本文档里中入HTML文档的基本元素如下,并保存。<html><head><title>晓博JavaScript特效测试</title></head><body><div id="zy"> <div id="login"></div> <div id="daohang"> <ul> <li><a href="index.html">首页</a></li> <li><a href="jianjie.html">七夕简介</a></li> <li><a href="#">七夕节传说</a></li> <li><a href="#">七夕节习俗</a></li> <li><a href="#">诗词& 歌谣</a></li> <li><a href="#">七夕节寄语</a></li> </ul> </div></div></body></html>
2、第一步:把如下代码加入<body>区域中,并重名文档为HTML文件<SCRIPT language=javascript><!--cal髫潋啜缅endar = new Date();day = calendar.getDay();month = calendar.getMonth();date = calendar.getDate();year = calendar.getYear();if (year< 100) year = 1900 + year;cent = parseInt(year/100);g = year % 19;k = parseInt((cent - 17)/25);i = (cent - parseInt(cent/4) - parseInt((cent - k)/3) + 19*g + 15) % 30;i = i - parseInt(i/28)*(1 - parseInt(i/28)*parseInt(29/(i+1))*parseInt((21-g)/11));j = (year + parseInt(year/4) + i + 2 - cent + parseInt(cent/4)) % 7;l = i - j;emonth = 3 + parseInt((l + 40)/44);edate = l + 28 - 31*parseInt((emonth/4));emonth--;var dayname = new Array ("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");var monthname =new Array ("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月" );document.write("<font color=FF0000>"+year +"年");document.write(monthname[month]);document.write(date + "日");document.write(dayname[day]+" "+"</font>");// January(1月份节日,以下同。)if ((month == 0) && (date == 1)) document.write("元旦");if ((month == 0) && (date == 10)) document.write("我的生日");if ((month == 4) && (date == 1)) document.write("国际劳动节");if ((month == 4) && (date == 4)) document.write("青年节");if ((month == 5) && (date == 1)) document.write("国际儿童节");if ((month == 11) && (date == 25)) document.write("圣诞节");document.write("<br></font>");//--></SCRIPT>
3、用IE浏览器打开晓博JavaScript特效测试.html文件,关闭网页,可以看到显示特殊节日特效,今天的时间是2014.5.4,如下图