非常不错的模拟打字效果，目前仅支持纯文本、BR标签、和P标签

更新时间：2007年05月17日 00:00:00 作者：

一个朋友急着用，所以写了这个效果，代码还有改进得地方，大家可以尝试去修改以使更简洁，然后帖出来大家一起分享

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style type="text/css"> body{margin:0px;font:"宋体" 12px; background-color:#000; color:#fff} </style> <script type="text/javascript"> var typer={     container : null,     speed : 100 ,     innerHTML : null ,     curpos : 0,     interval1 : null,     interval2 : null,     init : function(obj,speed){         typer.container = obj;         if(speed)typer.speed = speed;         typer.start();     },     start : function(){         typer.innerHTML = clearSpace(typer.container.innerHTML).toLowerCase();         typer.container.innerHTML = "";         typer.interval1 = setInterval("typer.type()",typer.speed);     },     type : function(){         if(typer.curpos<typer.innerHTML.length){             if(typer.container.innerHTML.substring(typer.container.innerHTML.length-1)!="_"){                 typer.container.innerHTML +="_";             }else{                 var tempStr = "";                 if(typer.innerHTML.length>=typer.curpos+4){                     if(typer.innerHTML.substring(typer.curpos,typer.curpos+4)=="</p>") {                         tempStr="</p>";                         typer.curpos = typer.curpos+4;                     }else if(typer.innerHTML.substring(typer.curpos,typer.curpos+4)==""){                         tempStr="";                         typer.curpos = typer.curpos+4;                     }else{                         if(typer.innerHTML.length>=typer.curpos+3 && typer.innerHTML.substring(typer.curpos,typer.curpos+3)=="<p>"){                             tempStr="<p>";                             typer.curpos = typer.curpos+3;                         }else{                             tempStr=typer.innerHTML.substring(typer.curpos,typer.curpos+1);                             typer.curpos++;                         }                     }                 }else if(typer.innerHTML.length>=typer.curpos+3){                     if(typer.innerHTML.substring(typer.curpos,typer.curpos+3)=="<p>"){                         tempStr="<p>";                         typer.curpos = typer.curpos+3;                     }else{                         tempStr=typer.innerHTML.substring(typer.curpos,typer.curpos+1);                         typer.curpos++;                         }                 }else{                         tempStr=typer.innerHTML.substring(typer.curpos,typer.curpos+1);                         typer.curpos++;                         }                 typer.container.innerHTML = typer.container.innerHTML.substring(0,typer.container.innerHTML.length-1)+tempStr;                     }         }else{             clearInterval(typer.interval1);             typer.interval2 = setInterval("typer.last()",typer.speed);         }     },     last : function(){         if(typer.container.innerHTML.substring(typer.container.innerHTML.length-1)!="_")             typer.container.innerHTML +="_";         else             typer.container.innerHTML = typer.container.innerHTML.substring(0,typer.container.innerHTML.length-1);     } } function clearSpace(str){     if(str!=""){         str = str.replace(/^\s*/g,"").replace(/\s*$/g,"");     }     return str; } </script> </HEAD> <BODY onload="typer.init(document.getElementById('view'))"> <div id="view" style="font:'宋体' 12px; background-color:#000; color:#fff"> 姓名: 冷风  Email: cityvoice@hotmail.com  籍贯: 湖南 <p>爱好:打球，旅游，玩星际，唱歌</p> </div> </BODY> </HTML>

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

您可能感兴趣的文章:

实用的层滑开js实现代码
一款实用简洁的层滑开特效代码，鼠标放到“111”上，所对应的层会缓冲展开，过会会自动闭合起来，兼容性好，各位有用到的自己美化一下。
2009-11-11
重定向实现代码
重定向实现代码...
2006-11-11
颜色快速采集器javascript代码
颜色快速采集器代码非常不错，大家可以参考下。
2009-09-09
document对象execCommand的command参数介绍
document对象execCommand的command参数介绍...
2006-08-08
短信提示使用特效
短信提示使用特效...
2007-01-01
添加到收藏夹代码（兼容几乎所有的浏览器）
添加到收藏夹代码（兼容几乎所有的浏览器）...
2007-01-01
让文字在页面上90度，180度翻转
让文字在页面上90度，180度翻转...
2006-08-08
大平洋汽车网左侧菜单
大平洋汽车网左侧菜单...
2007-02-02
通过脚本控制指定内容不能被选择
通过脚本控制指定内容不能被选择...
2007-02-02
设为首页加入收藏的js代码
两种方法将当前页设为你浏览器的主页，一种是将你正在浏览的网页设为首页；另一种是将指定网址设为首页，至于你用哪一种，看你的需要了，各有各适用的场合
2006-08-08