打字效果

打字效果

下列原码可直接拷贝使用。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<TITLE>打字效果</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<META content="MSHTML 5.00.2014.210" name=GENERATOR>
<style type="text/css">


</STYLE>

<SCRIPT language=JavaScript1.2>

var it=0

var head="display:''"

function initialize(){

mytext=typing.innerText

var myheight=typing.offsetHeight

typing.innerText=''
document.all.typing.style.height=myheight

typeit()

}

function typeit(){

typing.insertAdjacentText("beforeEnd",mytext.charAt(it))

if (it<mytext.length-1){

it++
setTimeout("typeit()",100)
}

else
return
}

if (document.all)
document.onload=initialize

</SCRIPT>

</HEAD>

<BODY onLoad="initialize()">

<span id="typing" class="p9" style="visiblity:hidden;height:2" style=&{head};>
.p9 { font-family: "宋体"; font-size: 9pt }<p>
a:link { font-family: "宋体"; font-size: 12px; line-height: 15pt }<p>
a:visited { font-family: "宋体"; font-size: 12px; line-height: 15pt }<p>
a:hover { font-family: "宋体"; text-decoration: none; color: #FF0000; font-size: 12px; line-height: 15pt }<p>
a.s:link { font-family: "宋体"; text-decoration: none; font-size: 12px; line-height: 15pt; color: #FFFFCC}<p>
a.s:hover { font-family: "宋体"; text-decoration: underline; color: #FF0000; font-size: 12px; line-height: 15pt }<p>

</span>

</BODY>
</HTML>