地市分站
用户名
密  码
您现在的位置是:树人网首页 / 计算机等级考试 / 华为认证 / 文章浏览
网页特效:循环显示不同文字的效果
文章来源:来源网络 发表时间:2008-06-15 点击次数
<html>
  <head>
  <title> </title>
  </head>
  <body>
  <script language="Javascript">
  function assignArray(text,delay) {
   this.text=text
   this.delay=delay
  }
  function createArray() {
   fadecolor=new Array("FF8000","8080FF","00FF00","00FFFF","008040","CA00CA")
   msg=new Array(4)
   msg[0]=new assignArray("第一条信息。",1000);
   msg[1]=new assignArray("第二条信息。",1000);
   msg[2]=new assignArray("第三条信息。",1000);
   msg[3]=new assignArray("第四条信息。",1000);
   setTimeout("typeIt()", 1000)
  }
  var msgNo=0
  var character=1
  var colorNo=0
  var fixColor=1
  var colorCheck=0
  function typeIt() {
   var insertHTML=""
   if(msgNo <= msg.length-1) {
    if(character <= msg[msgNo].text.length || colorCheck < msg[msgNo].text.length) {
     colorCheck=0
     for(var charCheck=0; charCheck<character; charCheck++,colorNo--,fixColor--){
      if(fixColor>5)colorNo=5
      if(colorNo==5)colorCheck+=1
      insertHTML += '<SPAN style="font-family: Black; font-size:coolboo; color:'+fadecolor[colorNo]+'">' + msg
      [msgNo].text.substring(charCheck, charCheck+1) + '</SPAN>'
     }
     if(document.layers) {
      document.typeWriter.document.write(insertHTML)
      document.typeWriter.document.close()
     } else if (document.all) {
      document.all.typeWriter.innerHTML = insertHTML
     }
     setTimeout("typeIt()", 50)
     character++
     colorNo=character-1
     fixColor=character
    }
    else {
     character=1
     colorNo=character-1
     fixColor=character
     setTimeout("typeIt()", msg[msgNo].delay)
     msgNo++
    }
   }
  }
  </script>
  <body onLoad="createArray()" text="#ffffff">
  <div ID="typeWriter" style="position: absolute; left:2; top: 2; width: 601; height: 19"></div>
  </body>
  </html>

第 页

责任编辑:qwer19871212

相关文章
公告栏

“蓝焰杯”第二届河南教育十大新闻人物火热评选中!!

点击参加评选,为你心目中的新闻人物投上一票>>>>
频道内容精选
[计算机考试]程序员必考的知识点
论坛/博客精选