(新手求助)怎么让文字竖着显示

butter0000 2008-03-31 10:29:31
我在用tom和sql2000搭一个论坛，想让一段文字竖着显示，具体是这样的。我要显示这段文字：

找天堂
我在天堂向你俯身凝望
就像你凝望我一样
略带忧伤
我在九泉向你抬头仰望
就像你站在旷野之上
仰望你曾圣洁的理想

总有一天
我会回来
带着满身的木棉与紫荆的清香
带回我们闪闪亮亮的时光
然后告诉你
我已找到天堂

我想让这段文字在显示的时候，行是按照一列一列的显示的，而且显示的效果是渐渐的显现出来，在显示完这一列之后在显示另一列，最后整段文字都可以显示出来，文字最好能加上颜色。非常感谢您的关注，对您的回答感激不尽。
...全文
595 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
xingqiliudehuanghun 2008-04-01
  • 打赏
  • 举报
 回复
可惜就是ie only
hookee 2008-04-01
  • 打赏
  • 举报
 回复 


<html>

<style>

.aa{text-align:left;writing-mode:tb-rl;display:inline;width:30px;height:300px;FILTER:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);}

</style>

<script>

var tid =null;

var n=0;

var opt = 0;

var arr;

var div = null;

window.onload=function() 

{

  var sc = document.getElementById("txt").value;

  arr = sc.split("\r\n");

  for(var i=0;i<arr.length;i++){

  	 div = document.createElement("div");

	 div.className = "aa";

	 var obj = document.getElementById("pad");

	 obj.appendChild(div);

  }

  div = null;

  tid=setInterval("show()",100);

}

function show(){

	if(div==null){

		div = document.getElementById("pad").childNodes[arr.length-n-1];

	    div.innerHTML = arr[n]+"<br>";

	}

	opt+=10;

	div.filters.item("DXImageTransform.Microsoft.Alpha").Opacity = opt;

	if(div.filters.item("DXImageTransform.Microsoft.Alpha").Opacity>=100){

	  opt = 0;

	  div = null;

      n++;

	  if(n==arr.length) clearInterval(tid);

	}

}

</script>



<body>

<div id="pad"></div>

<textarea id="txt" style="display:none;">

找天堂 

我在天堂向你俯身凝望  

就像你凝望我一样  

略带忧伤  

我在九泉向你抬头仰望  

就像你站在旷野之上  

仰望你曾圣洁的理想  



总有一天  

我会回来  

带着满身的木棉与紫荆的清香  

带回我们闪闪亮亮的时光  

然后告诉你

我已找到天堂

</textarea>

</body> 

</html>
butter0000 2008-04-01
  • 打赏
  • 举报
 回复
谢谢你哦，可是你这个是一个一个字显示的，我想要一下渐渐的显现出来一列。
xingqiliudehuanghun 2008-04-01
  • 打赏
  • 举报
 回复
不会做渐变效果，只能做到一条条显示
<html>
<style type="text/css">
.par{
width:25px;
margin-left:8px;
float:left;
color:#000000;
border:1px solid #DC7456;
height:300px;
text-align:center;
display:none;
}
</style>
<script type="text/javascript">
function $(strId){
return document.getElementById(strId);
}

var nParCount;
var nShowCount;
var nInterval=500;
function showArticle(){
var oDiv=$("div_aritcle");
nParCount=oDiv.getElementsByTagName("div").length;
nShowCount=0;
window.setTimeout("showPart()",nInterval);
}


function showPart(){
var oDiv=$("div_aritcle").getElementsByTagName("div")[nShowCount++];
oDiv.style.display="block";
if(nShowCount<nParCount){
window.setTimeout("showPart()",nInterval);
}
}

window.onload=function(){
showArticle();
}
</script>
<body>
<div id="div_aritcle">
<div class="par">找天堂</div>
<div class="par">我在天堂向你俯身凝望</div>
<div class="par">就像你凝望我一样 </div>
<div class="par">略带忧伤 </div>
<div class="par">我在九泉向你抬头仰望 </div>
<div class="par">就像你站在旷野之上 </div>
<div class="par">仰望你曾圣洁的理想 </div>
<div class="par"> </div>
<div class="par">总有一天 </div>
<div class="par">我会回来 </div>
<div class="par">带着满身的木棉与紫荆的清香 </div>
<div class="par">带回我们闪闪亮亮的时光 </div>
<div class="par">然后告诉你 </div>
<div class="par">我已找到天堂 </div>
</div>
</body>
</html>
hookee 2008-03-31
  • 打赏
  • 举报
 回复 


<html> 

<script>

var tid =null;

var n=0;

window.onload=function() 

{

  tid=setInterval("show()",500);

}

function show(){

	var sc = document.getElementById("txt").value;

	var chr = sc.charAt(n);

	while(chr=='\r'){n++;chr = sc.charAt(n);}

	if(chr=='\n') chr = "\n<br>";

	document.getElementById("pad").innerHTML += chr;

	n++;

	if(n==document.getElementById("txt").value.length-1) clearInterval(tid);

}

</script>



<body>

<div id="pad" style="text-align:left;writing-mode: tb-rl;"></div>

<textarea id="txt" style="display:none;">

找天堂 

我在天堂向你俯身凝望  

就像你凝望我一样  

略带忧伤  

我在九泉向你抬头仰望  

就像你站在旷野之上  

仰望你曾圣洁的理想  



总有一天  

我会回来  

带着满身的木棉与紫荆的清香  

带回我们闪闪亮亮的时光  

然后告诉你

我已找到天堂

</textarea>

</body> 

</html>
xingqiliudehuanghun 2008-03-31
  • 打赏
  • 举报
 回复
<html>
<style type="text/css">
.par{
width:25px;
margin-left:8px;
float:left;
color:#000000;
border:1px solid #DC7456;
height:300px;
text-align:center;
}
</style>
<script>

</script>
<body>
<div class="par">找天堂</div>
<div class="par">我在天堂向你俯身凝望</div>
<div class="par">就像你凝望我一样 </div>
<div class="par">略带忧伤 </div>
<div class="par">我在九泉向你抬头仰望 </div>
<div class="par">就像你站在旷野之上 </div>
<div class="par">仰望你曾圣洁的理想 </div>
<div class="par"> </div>
<div class="par">总有一天 </div>
<div class="par">我会回来 </div>
<div class="par">带着满身的木棉与紫荆的清香 </div>
<div class="par">带回我们闪闪亮亮的时光 </div>
<div class="par">然后告诉你 </div>
<div class="par">我已找到天堂 </div>
</body>
</html>
requirejs新手上手课
requirejs新手上手课，大佬慎拍
编程新手导论（转载）
第二部分 导论，这一部分主要是关于编程的导论， (要懂得一点思想具备一点常识)《设计，编码，，与软工》（编程与思想）这一章解释了三种思想，原语，抽象，组合，，和软件开发的二个重要过程，，软件工程的相关概念，是编程入门的关键 (要懂得一点领域内的数学)《数学与算法》（编程与数学）计算机整个就是架构在数学上的，跟计算机平台实现，算法设计，，架构密切相关，，真正要深入编程，，，对数学的学习是必须的，
编程新手导论
第二部分 导论，这一部分主要是关于编程的导论， (要懂得一点思想具备一点常识)《设计，编码，，与软工》（编程与思想）这一章解释了三种思想，原语，抽象，组合，，和软件开发的二个重要过程，，软件工程的相关概念，是编程入门的关键 (要懂得一点领域内的数学)《数学与算法》（编程与数学）计算机整个就是架构在数学上的，跟计算机平台实现，算法设计，，架构密切相关，，真正要深入编程，，，对数学的学习是必须的，
新手编程导论
第一部分 前 言 By Chenyi 眼前这本书充分体现了作者的所思、所想、所感，他用自己独特的眼光审视着计算机技术的世界，也用自己独特的思维逻辑对技术进行解读，并用自己特有的，呵呵，偶尔带有“四个逗号=一个逗号”这样的语言风格，进行着自己的诠释。创新是一种美，独立思考也是：） 学习是一件因人而异的事情，因为每个人的生活经历、教育背景、年龄、认知模型等等，都是不尽相同的，也
N70/N72常见问题汇总
引自：http://bbs.imobile.com.cn/viewthread.php?tid=1092547这里是一些常见的问题，求助前请看里面有没有你需要的答案，或者善用论坛的搜索功能已更新至第四楼 为什么我看不到手机或内存卡上的system文件夹？在手机上看这个文件夹需要安装第三方文件管理软件fileman、SeleQ、Fexplorer等文件管理软件如果要在电脑上看到这个文件夹需要将卡...
JavaScript

87,907

社区成员

224,614

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章