标题和状态栏中的动态效果
数码时尚
预想效果
在IE标题和状态栏中动态显示文字,其中标题中每次只显示一个字符,而状态栏中每次显示一句。
实现代码
<script language="JavaScript">
<!--
var current = 0 //设置一个参数的值为0,后面会调用
var x = 0 //设置一个参数的值为0,后面会调用
var speed = 200 //设置一个速度参数值
var speed2 = 5000 //再设置一个速度参数值
function initArray()
{} //设置一个存放数组的函数,下面接着调用
action = new initArray(4) //设置具体的数组
action[0]="黄河远上白云间,一片孤城万仞山,羌笛何须怨杨柳,春风不度玉门关."
action[1]="闺中少妇不知愁,春日凝妆上翠楼,忽见陌头杨柳色,悔教夫婿觅封侯�"
action[2]="秦时明月汉时关,万里长征人未还,但使龙城飞将在,不教胡马渡阴山。"
action[3]="葡萄美酒夜光杯,欲饮琵琶马上催,醉卧沙场君莫笑,古来征战几人回."
function action2() { //设置一个程序的主要显示函数
var m = action[current] //调用上面的参数,即为显示action[0],把它的值给m
document.title = m.charAt(x++) //一个个显示字符,x的原值为0,这是显示在title的情况
if (x == m.length + 1)
{
x = 0 //如果一组数组显示完成后,x的值重新设为0
current++ //同时current值增加1
window.status = m //在状态栏显示一下这时的m,即整个数组的字符内容
if (current == 4) {
current = 0 //数组全部显示完毕后,再重新设current为0,显示重新开始,这里的4与数组个数对应
}
setTimeout("action2()", speed2)
} //设置函数运行的间隔时间,这是数组间显示的间隔时间,与上面"if (x == m.length + 1)"对应,指5秒后再显示一组字符值
else {
setTimeout("action2()", speed)
} //设置函数运行的间隔时间,这是数组中一个个字符显示的间隔时间,可以与上面的不同,这也是设置两个时间的原因
}
action2() //启动函数
//-->
</script>
提示:在记事本中写下源代码,然后另存为HTML文件。打开HTML文件即可看到效果!
使用时,直接将代码复制到网页<body></body>之间的任何位置即可。
心得
其实要把内容显示在状态栏上还是标题栏上是非常自由的,甚至两者的内容可以互换的,也就是一个显示参数的区别而已,它们是window.status和document.title。明白了这点,现在你自己动手可做的内容又多了许多吧,有兴趣赶快换几个效果看看。