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="Ja即枢潋雳vaScript"><!-- BeginStamp = new Date();document.write('<font size="2" face="Arial"><B>' + (Stamp.getMonth() + 1) +"/"+Stamp.getDate()+ "/"+Stamp.getYear() + '</B></font><BR>');var Hours;var Mins;var Time;Hours = Stamp.getHours();if (Hours >= 12) {Time = " P.M.";}else {Time = " A.M.";}if (Hours > 12) {Hours -= 12;}if (Hours == 0) {Hours = 12;}Mins = Stamp.getMinutes();if (Mins < 10) {Mins = "0" + Mins;} document.write('<font size="2" face="Arial"><B>' + Hours + ":" + Mins + Time + '</B></font>');// End// --></script>
3、用IE浏览器打开晓博JavaScript特效测试.html文件,可以看到特酷的日期显示特效,今天的时间是2014.5.6,如下图