JScript:在背景上加时钟

楚客 — Wed, 18 May 2005 15:30:00 GMT

1<HTML>
2<HEAD>
3<TITLE>在背景上加时钟TITLE>
4HEAD>
5
6<BODY bgcolor="#fef4d2" onLoad=bgclock()>
7<br><br>
8<center>
9<font color="ffaafa"><h2>在背景上加时钟h2>font>
10<hr width=300>
11<br><br>
12
13
14
15<script language=javaScript>
16function bgclock() {
17thistime= new Date()
18var hours=thistime.getHours()
19var minutes=thistime.getMinutes()
20var seconds=thistime.getSeconds()
21if (eval(hours) <10) {hours="0"+hours}
22if (eval(minutes) < 10) {minutes="0"+minutes}
23if (seconds < 10) {seconds="0"+seconds}
24thistime = hours+":"+minutes+":"+seconds
25
26if(document.all) {
27bgclocknoshade.innerHTML=thistime
28bgclockshade.innerHTML=thistime
29}
30
31if(document.layers) {
32document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:150px">'+thistime+'div>')
33document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:150px">'+thistime+'div>')
34document.close()
35}
36var timer=setTimeout("bgclock()",200)
37}
38
39script>
40
41
42
43
44
45
46
47
48
49<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:70px;top:102px;left:152px">div>
50
51
52
53
54<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:70px;top:100px;left:150px">div>
55
56<div id="mainbody" style="position:absolute; visibility:visible">
57div>
58
59
60
61BODY>
62
63HTML>
64

楚客 2005-05-18 23:30 发表评论

楚客教程(H01)——我也能写网页

楚客 — Mon, 16 May 2005 13:01:00 GMT

(楚客奉献给入门者转载请注明出处)

      写网页脚本HTML不需要额外的工具！新建一个文本文档，将文件扩展名由.txt改为.html。
   （如果你新建一个文本文档后，文件名是“新建文本文档”，却没有出现后面的.txt，请双击“我的电脑”，Windows2000以上系统在“菜单栏－>工具－>文件夹选项－>查看”下，将“隐藏已知文件类型的扩展名”前的勾去掉。）

     用记事本打开刚才网页，同时也用InternetExplorer浏览器(简称IE)打开。在记事本中敲入下面代码：

1 html>
2  <head>
3    <title> title>
4  head>
5  <body>
6
7    <br>
8 body>
9 html>

     在记事本中保存代码,在IE中刷新一下，看看我们的作品：其实是白纸一张。
     为什么？除了第6行的注释(包含在之间的文本或标记，注释不处理，也不在IE显示)，其它都是标记，就是HTML的画笔。第7行
的作用是换行，它是自封闭标记，也叫单标记。其它的则是成对标记，<**>和成对出现，中间放上它们要处理的文本，或嵌入其它标记。
      (成对标记可以层次嵌套，包括嵌套自己，但不可交错。即：)

1
2<A>                                      <A>
3   <B>                                         <B>
4      B>                                  A>
5 A>                                            B>

例1中的成对标记都用作界定HTML结构，这就是我们看到IE中的作品是白纸的原因。我们作画的稿纸，即显示于IE窗口的部分，在之间，我们就从这里下笔。
给初学者的建议：书写代码时请象本文一样使用缩排风格，这可以为你的代码加分！

(下一讲：用的最多的三类标记)

楚客 2005-05-16 21:01 发表评论

BlogJava-楚 客-随笔分类-HTML

JScript:在背景上加时钟

楚客教程(H01)——我也能写网页

BlogJava-楚客-随笔分类-HTML