📄 typingtext.html

📁 java脚本即用特效源码从入门到精通帮你渡过难关

💻 HTML

字号:

<html>
<head>
<title>打字机效果</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../style.css">
</head>

<body bgcolor="#004080" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF">
<div align="center"> <font face="Times New Roman, Times, serif" size="5">打字机效果<font size="3">（IE 4.0以上版本） </font></font> </div>
<div align="center">
  <table width="50%" border="0">
    <tr> 
      <td>
        <script language="JavaScript1.2">
var it=0
function initialize(){
mytext=typing.innerText
var myheight=typing.offsetHeight
typing.innerText=''
document.all.typing.style.height=myheight
document.all.typing.style.visibility="visible"
typeit()
}
function typeit(){
typing.insertAdjacentText("beforeEnd",mytext.charAt(it))
if (it<mytext.length-1){
it++
setTimeout("typeit()",100)
}
else
return
}
if (document.all)
document.body.onload=initialize
</script>
<br><br><span id="typing" style="visibility:hidden" align="left">谢谢您购买本书。在这里您将发现许多令你感到兴奋的东西。可能是你寻觅多时的东西，也可能是你从未见过的新鲜玩意儿。无论如何，我们将忠实地为您服务，提供更多更精彩的东西，帮您构建真正的动态主页世界。 
        Enjoy all scripts here!</span></td>
    </tr>
  </table>
</div>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -