用html怎么实现下面这个功能：把一个故事一个字一个字显示出来！给个代码！最好给个范例！
3个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
content = "从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚，老和尚对小和尚说：从前，有座山，山上有座庙，庙里有个老和尚和一个小和尚";
i = 0;
function show(){
str = content.substr(0,i);
txt.innerHTML = str + "_";
i++;
if (i>content.length)i=0;
setTimeout("show()",200); }
</script>
</head>
<body onLoad="show()">
<div id="txt"></div>
</body>
</html>
更改etTimeout("show()",200); 的200可以改变文字出现的速度
以下是效果展示
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<title>Js逐字显示网页文字</title>
<script language="javascript">
<!--
text = "用html怎么实现下面这个功能：把一个故事一个字一个字显示出来！给个代码！最好给个范例！";
i = 0;
function type(){
str = text.substr(0,i);
txt.innerHTML = str + "_";
i++;
if (i>text.length)i=0;
setTimeout("type()",300);
}
//-->
</script>
</head>
<body onLoad="type()">
<div id="txt"></div></body>
</html>
<head>
<title>Js逐字显示网页文字</title>
<script language="javascript">
<!--
text = "用html怎么实现下面这个功能：把一个故事一个字一个字显示出来！给个代码！最好给个范例！";
i = 0;
function type(){
str = text.substr(0,i);
txt.innerHTML = str + "_";
i++;
if (i>text.length)i=0;
setTimeout("type()",300);
}
//-->
</script>
</head>
<body onLoad="type()">
<div id="txt"></div></body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
那是JS 吧
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
