6.5 课堂练习：编写中文时间脚本
•
本练习在一个网站的后台页中插入了显示当前中文时间信息的脚本，并为其定义了样式。
在编写该脚本时，需要使用到时间（Date）对象的各种方法，
并通过JavaScript函数将英文时间转换为了中文。
1、创建 JavaScript 文件 top.js
Dreamweaver 中，文件 －－ 新建 －－ 创建 JavaScript 文件 －－
保存到 scripts/top.js。
setInterval(clock,1000);
function clock(){
var date=new Date();
document.getElementById("topbtm").innerHTML="现在时间："+date.getFullYear()+"年"
+transtime(date.getMonth(),"month")+transtime(date.getDate(),"date")+" "
+transtime(date.getDay(),"day")+" "+transtime(date.getHours(),"hour")+"："
+transtime(date.getMinutes(),"minute")+"："+transtime(date.getSeconds(),"second");
}
function transtime(num,numtype){
var monthArray=new
Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
var dateArray=new Array();
for(var i=0;i<32;i++){
dateArray[i]=i+"日";
}
var dayArray=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
switch(numtype){
case "month":
return monthArray[num];
break;
case "date":
return dateArray[num];
break;
case "day":
return dayArray[num];
break;
}
if(numtype=="hour"||numtype=="minute"||numtype=="second"){
if(num<10){
return "0"+num;
}else{
return num+"";
}
}
}
2、创建静态网页 top.html， 在<head>
...... </head>之间包含脚本文件 scripts/top.js。
<head><script src="scripts/top.js" language="javascript"
type="text/jscript"></script></head>
6.6 课堂练习：制作网页相册
•
本练习制作了一个网页相册。在制作相册时，需要使用到Dreamweaver的“显示-隐藏元素”行为，
为下方8个小图片依次添加鼠标单击的行为，定义AP元素的显示和隐藏状态。
|
