本文介绍了一种使用HTML和JavaScript实现文本自动滚动的方法。通过创建动态div元素并将其添加到textarea中，使得文本能够定时更新，从而达到模拟滚动显示的效果。此方法适用于简单的动态文本展示场景。
textarea滚动字体.html
<!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="">
</head>
<body>
<textarea id="textarea1" style="width:80;height:50"></textarea>
<script language=javascript>
var objTextarea=null
var temp=new Array();
var i=0;
function show()
{
if(i==temp.length){
i=0;
}
objTextarea.appendChild(temp[i])
i++
setTimeout("show()",1000)
}
function init(){
objTextarea=document.getElementById("textarea1")
for(var i=0;i<10;i++)
{
var u=document.createElement("div")
u.innerHTML=i.toString()+i.toString()+i.toString()+i.toString();
temp.push(u)
objTextarea.appendChild(u)
}
show()
}
</script>
<body onload=init()>
</body>
</html>
<!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=""></head><body><textarea id="textarea1" style="width:80;height:50"></textarea><script language=javascript>
var objTextarea=nullvar temp=new Array();var i=0;function show(){
if(i==temp.length){i=0;}objTextarea.appendChild(temp[i])i++setTimeout("show()",1000)}function init(){objTextarea=document.getElementById("textarea1")for(var i=0;i<10;i++){var u=document.createElement("div")u.innerHTML=i.toString()+i.toString()+i.toString()+i.toString();temp.push(u)objTextarea.appendChild(u)}show()}</script><body onload=init()></body></html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
