先优化一下web作业的相关功能
功能改进
1、图片的定时变换
利用Script标签实现图片的定时变换,主要是使用了setTimeout这个函数方法实现的,相关的源代码在此:
<Script>
var count=2;
var myArray=new Array(count);
myArray[0]="我";
myArray[1]="还是我";
var c;
function changeImg(i){
var images=document.getElementById("images");
images.src="./"+(i+1)+".jpg";
c=i+1;
if(c>(count-1)){
c=0;
setTimeout("changeImg(0)",2000);
}else{
setTimeout("changeImg(c)",2000);
}
}
</Script>
哦!对了,别忘了在body标签里面加上onload属性呦!里面放的是script标签里面的function函数名称呦!
2、显示当前时间
这个代码更是简洁,基本上只需要三四行即可解决;源代码如下:
<div style="width: 100%; font-family: 微软雅黑; text-align: center; font-size: 20pt;" id="datetime">系统时间
<Script>
setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();")
</Script>
</div>
3、文本自动滚屏
文本滚屏主要利用的就是marquee标签,默认滚动方向为从右向左滚动,当然,滚动方向也可以手动设置为从左向右滚动,由于表格内容不适合使用文本滚动修饰,所以为了体现出我使用了文本滚动修饰功能,将他放在了表格名称那里,作为文本滚动功能的实现案例;源代码如下:
<marquee width="50%"><div style="width: 100%; font-family: 微软雅黑; text-align: center; font-size: 20pt;">个人主页</div></marquee>