HTML知识: 在文本域内逐个显示文字-雪洁之家

在文本域内逐个显示文字

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
 background-color: #000;
}
-->
</style></head>
<body>

<TEXTAREA style="FONT-SIZE: 12px; BORDER-LEFT-COLOR: #00ff00; BORDER-BOTTOM-COLOR: #00ff00; COLOR: #00ff00; BORDER-TOP-COLOR: #00ff00; SCROLLBAR-BASE-COLOR: #000000; BACKGROUND-COLOR: #000000; BORDER-RIGHT-COLOR: #00ff00" name=textfield rows=25 readOnly wrap=virtual cols=100  id="test"></TEXTAREA>
</CENTER>
<SCRIPT language=javascript>
var pos=0;
function ShowText(strText)
{
 document.getElementById('test').value = strText.substring(0,pos++);
 setTimeout("ShowText(strText)",50);
 if(pos==strText.length)
 {
     return;
 }
}
var strText = " --><<你好,欢迎来到本站>> -->学界之间,一个技术博客,平常累积,记录下,希望共同交流,能够帮助大家。 ---------------------------";
ShowText(strText);
</SCRIPT>

</body>
</html>

by 雪洁 2010-09-10 09:28:17 3011 views
我来说几句

相关文章