在html页面里用拷下面的标签试试
<marquee direction="down">
<dl>
<dt><b>我的账户</b>
<dd style="color:blue">基本资料</dd>
<dd style="color:blue">修改密码</dd>
<dd style="color:blue">修改头像</dd>
</dt>
<dt><b>好友</b>
<dd style="color:blue">我的好友</dd>
<dd style="color:blue">好友管理</dd>
<dd style="color:blue">查找好友</dd>
</dt>
</dl>
</marquee>
向上滚动 改个参数即可。。
下面的代码就是一个写得很简练精辟的多行上滚代码。
如果你想多次调用的话，就把demo、demo1、demo2这三个ID，和三个JS变量名都改了就OK了
你拿回去测试一下吧，注意文档结构，不要弄乱了，ID为demo2的标签里不要放东西，它就应该是空的，也别删：
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>scroll</title>
<style type="text/css">
#demo{
height:100px
border:#666 1px solid
width:200px
overflow:hidden
}
</style>
</head>
<body>
<div style="height:50px">这个是测试用的，不用可删</div>
<div id="demo">
<div id="demo1">
<div>gfds1</div>
<div>gfds22</div>
<div>gfds333</div>
<div>gfds4444</div>
<div>gfds55555</div>
<div>gfds666666</div>
<div>gfds7777777</div>
</div>
<div id="demo2"></div>
</div>
<script type="text/javascript">
var speed=50
var demo=document.getElementById("demo")
var demo2=document.getElementById("demo2")
var demo1=document.getElementById("demo1")
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if((demo2.offsetTop - demo.offsetTop)-demo.scrollTop<=0) demo.scrollTop-=demo1.offsetHeight
else demo.scrollTop++
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</body>
</html>
