状态栏上的动态HTML技术
http://www.tongyi.net 作者:童建平
动态HTML(DHTML,Dynamic Hyper Text Markup Language)作为浏览器自带的功能,实际上只是一种概念,并不属于一种专门的技术,不过我们更热衷于将其看作一种网页创作技巧。且看DHTML如何在小小状态栏上尽展身手,从中DHTML之精彩可窥一斑。
一、跑马灯效果
在状态栏可实现多种跑马灯效果,但一般均为比较单调的从左往右或从右往左等滚动效果。而只须将下面代码粘贴于
和之间,既能实现字母(或文字)一个接一个地从右边飞向左边的动态效果。可以任意替换代码中的msgBan5中的字符串。二、实时时间
实时时间(包括具体日期)可以以文本框方式出现在网页中,也可以出现在状态栏上,但出现在状态栏上一般只能为难懂的英文格式,如下面的代码一显示格式为"Web
Jun 9 13:47:43 UTC+0800 1999"。本人经过探索,可实现中文显示,只须将下面的代码二粘贴于
和之间,然后将改为onLoad="startclock()">即可。
三、来访次数统计
将以下代码粘贴于
和之间,用于在状态栏显示来访者是第几次来访。如果将以下代码与上面的“跑马灯效果”代码结合起来,使之动态化,是不是可以带给来访者一些惊喜呢?将下面代码最后一句"window.status=string;"删掉,其后粘贴“跑马灯效果”代码的主体部分(即""之间的代码),再将msgBan5字符串内容换成string,即将“msgBan5='http://loveme99.yeah.net';”换成“msgBan5=string;”,即可。如今在因特网上炙手可热的DHTML,越来越亲近我们。只要我们不懈努力,必能尽情领略其壮丽风景。