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

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

[论坛公益广告求高手完善]打字效果怎样保持换行，用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("恭喜,原来你是真正的高手!!!");
}
}

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

}

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

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

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

畅所欲言

第 3 楼

得分:0


<html>
<head>
</head>
<body>
<SCRIPT language=\"JavaScript\">
var it=0
function initialize(){
mytext=typing.innerHTML;
typing.innerHTML='';
typeit();
}
function typeit(){
var myheight=typing.offsetHeight;
if (myheight>500){
 document.all.typing.style.top=500-myheight;
}
if (it<mytext.length-1){
 if (mytext.charCodeAt(it)==13) {document.all.typing.innerHTML+=\"<br>\"}
 document.all.typing.innerHTML+=mytext.charAt(it);
 it++;
 setTimeout(\"typeit()\",1);
}
else{
 it=0;
 typing.innerHTML='';
 document.all.typing.style.top=0;
 typeit();
}
}
if (document.all)
document.body.onload=initialize;
</SCRIPT>
<div style=\"border:blue 1px solid;width:480px;height:500px;overflow:hidden;font-size:12px;\">
<span >
<pre 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);
}
 
}</pre>
</span>
</div>
</body>
</html>