两个JS打字机效果

1、

<HTML><HEAD><TITLE>打字机效果</TITLE><meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<SCRIPT>

var msg="窗边昨天你坐过的地方,还留有一丝的温暖,窗外你的身影越走越远,不曾回头再看一眼……";

var len=msg.length;

var seq=0;

var speed=300;//打字时间(ms)

function type(){

    a.innerText=msg.substring(0,seq);

    if(seq==len){

        seq=0;

        setTimeout("type()",speed);

    }else{

        seq++;

        setTimeout("type()",speed);

    }

}

window.onload=type;

</SCRIPT>

</HEAD>

<BODY >

<DIV id=a style="FONT-SIZE: 20pt; COLOR: fuchsia"></DIV>

</BODY></HTML>

 

 

2、

<html><head><style type="text/css">a{text-decoration:none}</style></head><body>  

<div id="newsticker"><span id="tickertitle"></span><a id="typewriter" href="#"></a></div>  

</body>  

</html>  

<script type="text/javascript">  

// please keep these lines on when you copy the source  

// made by: Nicolas - http://www.javascript-page.com  

var current = 0  

var x = 0  

var speed = 70  

var speed2 = 2000  

function initArray(n) {  

  this.length = n;  

  for (var i =1; i <= n; i++) {  

    this[i] = ' '  

  }  

}  

typ = new initArray(16);  

typ[0]="406:red:Texas last in US Gov State Governors Websites (June 2008)";  

typ[1]="409:red:The Insolvency Service last in UK Central Government (June 2008)";  

typ[2]="384:green:Federated States of Micronesia 1st in US Gov State and Territorial Government Websites (April 2008)";  

typ[3]="413:green:U.S. Immigration and Customs Enforcement highest climber in US Gov Federal Agencies  (up 188) - June 2008";  

typ[4]="371:green:Iowa 1st in US Gov State Governors Websites (April 2008)";  

typ[5]="373:green:Directgov Jobs and Skills 1st in UK Central Government (April 2008)";  

typ[6]="379:red:Birmingham last in UK Local Government (April 2008)";  

typ[7]="406:green:Utah highest climber in US Gov State Governors Websites (up 16) - June 2008";  

typ[8]="380:red:Kent Police greatest faller in Police Forces (down 31) - April 2008";  

function typewrite() {  

  var m = typ[current];  

  document.getElementById("typewriter").href = '/survey/report.html?rt=' + m.substring(0,m.indexOf(':'));  

  m = m.substring(m.indexOf(':') + 1);  

  document.getElementById("typewriter").style.color = m.substring(0,m.indexOf(':'));  

  m = m.substring(m.indexOf(':') + 1);  

  m = m.replace("&","and");  

  document.getElementById("typewriter").innerHTML = m.substring(0, x++) + "_";  

    

  if (x == m.length + 1) {  

    x = 0  

    current++  

    if (current > typ.length - 1) {  

      current = 0  

    }  

    setTimeout("typewrite()", speed2)  

    }  

  else {  

    setTimeout("typewrite()", speed)  

  }  

}  

//document.getElementById("tickertitle").innerHTML = "Latest: ";  

/*document.getElementById("smHeadlines").style.padding = "10px";*/  

typewrite()  

</script>

本博客所有文章如无特别注明均为原创。作者:sysdee复制或转载请以超链接形式注明转自 成功志
原文地址《两个JS打字机效果
分享到:更多

相关推荐

发表评论

路人甲 表情
看不清楚?点图切换 Ctrl+Enter快速提交

网友评论(0)