[论坛公益广告求高手完善]打字效果怎样保持换行，用innerHTML代替innerText还是不成 - JavaScript论坛

问题点数：0 回复次数：2

[论坛公益广告求高手完善]打字效果怎样保持换行，用innerHTML代替innerText还是不成

本来想弄个打字效果放再论坛顶部广告区，不断的显示来加深会员对一些经典程序的记忆，效果做出来了，结果不能保持原来的换行和空格，请高手帮忙或讨论一下怎样保持原来的格式。效果如下：

<html>
<head>
</head>
<body>
<SCRIPT language="JavaScript">
var it=0
function initialize(){
mytext=typing.innerText;
typing.innerText='';
typeit();
}
function typeit(){
var myheight=typing.clientHeight;
if (myheight>60){
document.all.typing.style.top=60-myheight;
}
document.all.typing.innerText=document.all.typing.innerText+mytext.charAt(it);
if (it<mytext.length-1){
it++;
setTimeout("typeit()",10);
}
else{
it=0;
typing.innerText='';
document.all.typing.style.top=0;
typeit();
}
}
if (document.all)
document.body.onload=initialize;
</SCRIPT>
<div style="border:blue 1px solid;width:480px;height:60px;overflow:hidden;font-size:12px;">
<span style="position:absolute;" id="typing">
public class StudentTest
{
public static void main(String [] args)
{
Student1 tom = new Student1();
Student2 jack = new Student2();
tom.StudentName("TOM");
tom.StudentNumber("20050204");
jack.StudentName("JACK");
jack.StudentNumber("20050325");
System.out.println("以下代码结果是什么?");
System.out.println("输出结果你就是高手!");
System.out.println(tom.toing());
System.out.println(jack.toing());
System.out.println("恭喜,原来你是真正的高手!!!");
}
}

class Student1
{
private String strName;
private String strNumber;

public String StudentName(String name)
{
strName= name;
return strName;
}

public String StudentNumber(String number)
{
strNumber = number;
return strNumber;
}

public String toing()
{
return ("学生姓名" + strName + "学号" + strNumber);
}

}

class Student2
{
private String strName;
private String strNumber;

public String StudentName(String name)
{
strName= name;
return strName;
}

public String StudentNumber(String number)
{
strNumber = number;
return strNumber;
}

public String toing()
{
return ("学生姓名" + strName + "学号" + strNumber);
}

}
</span>
</div>
</body>
</html>

[此贴子已经被作者于2005-12-18 23:32:16编辑过]

搜索更多相关主题的帖子: 公益广告　 innerText　innerHTML　论坛　 typing　

第 2 楼

得分:0

<html>
<head>
</head>
<body>
<SCRIPT language="JavaScript">
var it=0
function initialize(){
mytext=typing.innerText; //这里换了innerHTML还是不行
typing.innerText='';
typeit();
}
function typeit(){
var myheight=typing.clientHeight;
if (myheight>60){
document.all.typing.style.top=60-myheight;
}
document.all.typing.innerText=document.all.typing.innerText+mytext.charAt(it); //这里换了innerHTML还是不行
if (it<mytext.length-1){
it++;
setTimeout("typeit()",10);
}
else{
it=0;
typing.innerText='';
document.all.typing.style.top=0;
typeit();
}
}
if (document.all)
document.body.onload=initialize;
</SCRIPT>
<div style="border:blue 1px solid;width:480px;height:60px;overflow:hidden;font-size:12px;">
<span style="position:absolute;" id="typing">
public class StudentTest //以下蓝色部分为要显示的内容，现在的问题就是怎么保持这种格式显示，保持换行。
{
public static void main(String [] args)
{
Student1 tom = new Student1();
Student2 jack = new Student2();
tom.StudentName("TOM");
tom.StudentNumber("20050204");
jack.StudentName("JACK");
jack.StudentNumber("20050325");
System.out.println("以下代码结果是什么?");
System.out.println("输出结果你就是高手!");
System.out.println(tom.toing());
System.out.println(jack.toing());
System.out.println("恭喜,原来你是真正的高手!!!");
}
}