标题和状态栏中的动态效果

数码时尚

  预想效果

  在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。明白了这点,现在你自己动手可做的内容又多了许多吧,有兴趣赶快换几个效果看看。