| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 2153 人关注过本帖
标题:[论坛公益广告求高手完善]打字效果怎样保持换行,用innerHTML代替innerText ...
只看楼主 加入收藏
静夜思
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
来 自:济南的冬天
等 级:管理员
威 望:11
帖 子:8913
专家分:2567
注 册:2004-3-25
结帖率:100%
收藏
 问题点数: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 
2005-12-18 23:30
静夜思
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
来 自:济南的冬天
等 级:管理员
威 望:11
帖 子:8913
专家分:2567
注 册:2004-3-25
收藏
得分: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("恭喜,原来你是真正的高手!!!");
}
}

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:40:53编辑过]


畅所欲言
2005-12-18 23:36
linuxpluto
Rank: 4
等 级:贵宾
威 望:13
帖 子:889
专家分:23
注 册:2005-8-14
收藏
得分: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>


[此贴子已经被作者于2005-12-19 1:58:07编辑过]


吃的比猪还差,干的比驴还累,起的比鸡还早,睡得比小姐还晚,挣得比民工还少,看起来比谁都好——苦命的人.人生短短几十年,不要给自己留下了什么遗憾,想笑就笑,想哭就哭,该爱的时候就去爱,无谓压抑自己
2005-12-19 01:43
linuxpluto
Rank: 4
等 级:贵宾
威 望:13
帖 子:889
专家分:23
注 册:2005-8-14
收藏
得分:0 
1.pre就不用说什么用了
2.换行是被解释成asc码的13和10~很多程序中都用到
根据字符的charCodeAt()得到代码的值,如果是换行就输出一个<br>
上面2个条件一个都不能少

吃的比猪还差,干的比驴还累,起的比鸡还早,睡得比小姐还晚,挣得比民工还少,看起来比谁都好——苦命的人.人生短短几十年,不要给自己留下了什么遗憾,想笑就笑,想哭就哭,该爱的时候就去爱,无谓压抑自己
2005-12-19 02:01
linuxpluto
Rank: 4
等 级:贵宾
威 望:13
帖 子:889
专家分:23
注 册:2005-8-14
收藏
得分:0 
加$$$$$$$$$$$$$$$$$$$

吃的比猪还差,干的比驴还累,起的比鸡还早,睡得比小姐还晚,挣得比民工还少,看起来比谁都好——苦命的人.人生短短几十年,不要给自己留下了什么遗憾,想笑就笑,想哭就哭,该爱的时候就去爱,无谓压抑自己
2005-12-19 02:03
conn
Rank: 2
等 级:新手上路
威 望:5
帖 子:420
专家分:0
注 册:2005-11-27
收藏
得分:0 
!!!!
两位大哥真厉害,偶刚接触JS,收藏了先,回家好好研究

我是新手,但我很虚心,对我发的问题请不要取笑,谢谢
2005-12-19 09:59
静夜思
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
来 自:济南的冬天
等 级:管理员
威 望:11
帖 子:8913
专家分:2567
注 册:2004-3-25
收藏
得分:0 
以下是引用linuxpluto在2005-12-19 2:03:00的发言:
加$$$$$$$$$$$$$$$$$$$

我就知道你会出现。


畅所欲言
2005-12-19 12:19
google
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:22
帖 子:3419
专家分:23
注 册:2005-11-1
收藏
得分:0 
我也想要!~

祝天下所有母亲幸福安康!~
2005-12-20 10:13
快速回复:[论坛公益广告求高手完善]打字效果怎样保持换行,用innerHTML代替inne ...
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.041026 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved