非常不錯的模擬打字效果，目前僅支持純文本、BR標簽、和P標簽_典型特效

來源：懂視網責編：小采時間：2020-11-27 20:37:09

非常不錯的模擬打字效果，目前僅支持純文本、BR標簽、和P標簽_典型特效

非常不錯的模擬打字效果，目前僅支持純文本、BR標簽、和P標簽_典型特效:一個朋友急著用，所以寫了這個效果，代碼還有改進得地方，大家可以嘗試去修改以使更簡潔，然后帖出來大家一起分享 New Document body{margin:0px;font:宋體 12px; background-color:#000; color:#fff} var ty

推薦度：

點擊下載本文 文檔為doc格式

導讀非常不錯的模擬打字效果，目前僅支持純文本、BR標簽、和P標簽_典型特效:一個朋友急著用，所以寫了這個效果，代碼還有改進得地方，大家可以嘗試去修改以使更簡潔，然后帖出來大家一起分享 New Document body{margin:0px;font:宋體 12px; background-color:#000; color:#fff} var ty

一個朋友急著用，所以寫了這個效果，代碼還有改進得地方，大家可以嘗試去修改以使更簡潔，然后帖出來大家一起分享

<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<meta name="author" content="http://m.alabama37th.com/"/> 
<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><script type="text/javascript" src="https://jss.m.alabama37th.com/pcwz/wenzhong.js"></script>") { 
 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'))"> 
 
姓名: 冷風 
 
Email: cityvoice@hotmail.com 
 
籍貫: 湖南 
<p>愛好:打球，旅游，玩星際，唱歌</p> 
 
</BODY> 
</HTML>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com