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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 非常不错的模拟打字效果，目前仅支持纯文本、BR标签、和P标签

Javascript: js支持158、159开头的手机号的验证; javascript学习网址备忘; JScript的条件编译; [原创]站长必须要知道的javascript广告代码; js实现的点击超链显示隐藏层; JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子; JavaScript 不只是脚本; 把JS与CSS写在同一个文件里的书写方法; Javascript & DHTML 实例编程（教程）基础知识; Javascript & DHTML 实例编程（教程）DOM基础和基本API; javascript实现的一个图片转移效果; 用js实现键盘方向键翻页功能的代码; js实现DIV的一些简单控制; 用CSS+JS实现的进度条效果效果; 爱恋千雪-US-AscII加密解密工具（网页加密）下载; 用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口; 非常不错的页面特效建议大家看下; javascript Zifa FormValid 0.1表单验证代码打包下载; 实现javascript的延期执行或者重复执行的两个函数; 推荐一个不错的图片浏览效果

No. « ‹ 69 70 71 72 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 69 ::

收藏到网摘: n/a

分别用两个函数实现的菜单用javascript实现的支持lrc歌词的播放器

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

点击运行可以看到效果:

<!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)=="") { tempStr=""; 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)==""){ tempStr=""; 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)==""){ tempStr=""; 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
籍贯: 湖南
爱好:打球，旅游，玩星际，唱歌
</div>
</BODY>
</HTML>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

分别用两个函数实现的菜单用javascript实现的支持lrc歌词的播放器

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

评论 (0) All

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