我只是想要个很简单的文字滚动效果，可是baidu,google完了还没找到合适的，最后还是选择在这里请教。一个div，宽高固定，div里有一段文字（字数不定）。要求是：当这段文字高度没有这个div高时，文字不滚动。当文字比这个div要高时，文字由下至上逐行滚动，并且有停顿。说明一下：
div里装的不是ul、li，而是简单的一个p标记，要求按行进行滚动，而不是按li进行滚动。
不能用marquee,xhtml里没这东西。
不能把内容定义为javascript的一个变量，这样就没意义了。也就是说，无论我怎么修改这个p标记里的文本，都能实现这个效果，具有通用性。大家有没有办法实现？请赐教
div里装的不是ul、li，而是简单的一个p标记，要求按行进行滚动，而不是按li进行滚动。
不能用marquee,xhtml里没这东西。
不能把内容定义为javascript的一个变量，这样就没意义了。也就是说，无论我怎么修改这个p标记里的文本，都能实现这个效果，具有通用性。大家有没有办法实现？请赐教
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:201px;
top:82px;
width:200px;
height:150px;
z-index:1;
overflow:hidden;
border:1px #FF0000 solid;
}
#Layer2 {
position:absolute;
left:501px;
top:82px;
width:200px;
height:150px;
z-index:1;
overflow:hidden;
border:1px #FF0000 solid;
}
-->
</style>
<script language="javascript">
var $ = function(id){
return document.getElementById(id);
}
window.onload = function(){
setInterval("ss($('Layer1'));ss($('Layer2'))",1000);
}
function ss(layer){
layer.scrollTop += parseInt(layer.style.lineHeight);
}
</script>
</head><body>
<div id="Layer1" style="line-height:30px">
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
cccccccccccccccccccccccccccccccc
</p>
</div>
<div id="Layer2" style="line-height:30px">
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
cccccccccccccccccccccccccccccccc
dddddddddddddddddddddddddddddddd
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
ffffffffffffffffffffffffffffffff
gggggggggggggggggggggggggggggggg
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
llllllllllllllllllllllllllllllll
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn
oooooooooooooooooooooooooooooooo
pppppppppppppppppppppppppppppppp
qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq</p>
</div>
</body>
</html>