js打字机效果代码

更新时间：2008年06月28日 17:20:14 作者：

大家经常用js实现打字机效果，最近发现这个不错

<html><head><title>Type Write</title><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("&amp;","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>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

js
打字机

浅谈JS中的反柯里化( uncurrying)
本篇文章主要介绍了浅谈JS中的反柯里化( uncurrying)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
微信小程序实现页面分享onShareAppMessage
这篇文章主要介绍了微信小程序实现页面分享onShareAppMessage，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-08-08
Bootstrap表单Form全面解析
在进行自己的后台改版时，大体布局都使用了bootstrap，剩下的表单部分没理由不去使用它，对于表单的美化和布局，bootstrap做的也是很不错的。下文给大家介绍Bootstrap表单Form全面解析，感兴趣的朋友一起看下吧
2016-06-06
利用JS屏蔽页面中的Enter按键提交表单的方法
下面小编就为大家带来一篇利用JS屏蔽页面中的Enter按键提交表单的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-11-11
TypeError: Cannot set properties of
这篇文章主要介绍了TypeError: Cannot set properties of undefined (setting ‘xx‘)的问题,本文给大家分享完美解决方案,需要的朋友可以参考下
2023-09-09
JavaScript实现找出字符串中第一个不重复的字符
这篇文章主要介绍了JavaScript实现找出字符串中第一个不重复的字符的方法,需要的朋友可以参考下
2014-09-09
javascript中apply和call方法的作用及区别说明
本篇文章主要是对javascript中apply和call方法的作用及区别进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
2014-02-02
浏览器兼容性问题大汇总
本文给大家介绍了42种浏览器兼容性问题大汇总的相关知识，本文介绍的非常详细，感兴趣的朋友一起学习吧
2015-12-12
HTML+CSS+JavaScript实现可拖拽模态框
这篇文章主要为大家详细介绍了HTML+CSS+JavaScript实现可拖拽模态框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07
js实现div层缓慢收缩与展开的方法
这篇文章主要介绍了js实现div层缓慢收缩与展开的方法,通过javascript自定义函数实现div层的收缩与展开效果,非常具有实用价值,需要的朋友可以参考下
2015-05-05

软件下载

源码下载

软件编程

网络编程

在线工具

数据库

CMS

常用工具

js打字机效果代码

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具