当前位置：首页 → 问答吧 → 用innerHTML输出成逐字效果但里面有普通的HTML码。。。求大仙求救

用innerHTML输出成逐字效果但里面有普通的HTML码。。。求大仙求救

时间：2010-06-02

来源：互联网

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=gbk"> </head> <body> <br><br><br><br><br><br> <div id="loli">默然的~</div> <a href="javascript:gett(t10)">点我调教它</a> <script language="JavaScript"> var t10 = "呃...普通的文字显示正确就是带代码的...<ul><li><a href=''>◇ 确定</a></li><li><a href=''>◇ 确定</a></li><li><a href=''>◇ 确定</a></li></ul>" function gett(name){ text = name; i = 0; type() } //打字效果 function type(){ str = text.substr(0,i); i++; endstr = "_"; document.getElementById("loli").innerHTML = str + endstr; txtst = setTimeout("type()",40); if(i==(text.length-1)){ endstr = ""; } if (i>text.length){ clearTimeout(txtst); } //alert(i); } </script> </body> </html>
提示：您可以先修改部分代码再运行

1：带HTML的会跳。。。求解决。
2：写的比较笨拙我是设计来着。没学过JS 希望有人优化。

[ 本帖最后由 7022 于 2010-6-2 16:51 编辑 ]

作者: 7022 发布时间: 2010-06-02

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=gbk"> </head> <body> <br><br><br><br><br><a href="javascript:gett(t10)">点我调教它</a><br> <div id="loli">默然的~</div> <script language="JavaScript"> var t10 = "呃...普通的文字显示正确就是带代码的...<ul><li><a href=''>◇ 确定</a></li><li><a href=''>◇ 确定</a></li><li><a href=''>◇ 确定</a></li></ul>" function gett(name){ text = name; i = 0; type() } //打字效果 function type(){ str = text.substr(0,i); i++; endstr = "_"; document.getElementById("loli").innerHTML = str + endstr; txtst = setTimeout("type()",40); if(i==(text.length-1)){ endstr = ""; } if (i>text.length){ clearTimeout(txtst); } //alert(i); } </script> </body> </html>
提示：您可以先修改部分代码再运行

作者: EraIT 发布时间: 2010-06-03