网上代码很多的，不过基本上用层，用marquee好像不行(表示没有深究过)，我粘贴了一段，你看看吧，希望对你有帮助。
<!DOCTYPE html><HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script>
var a=12
function moveup(){
if (a>-1000){
eval("qq.style.top='"+a+"'")
a--
up=setTimeout('moveup()',1)
}
}
function movedown(){
if (a<13){
eval("qq.style.top='"+a+"'")
a++
down=setTimeout('movedown()',1)
}
}
</script>
</HEAD>
<BODY>
<div style="position:absolutetop:12clip:rect(0 130pt 130pt 0)height:130ptwidth:130ptborder:solid 1 black">
<div id=qq style="position:absolutepadding:5pttop:12height:130ptwidth:130ptfont:9pt/2.5 新宋体">   曾子仕于莒，
得粟三秉，方是之时，曾子重其禄而轻其身；亲没之后，齐迎以相，楚迎以令尹，晋迎以上卿，方是之时，曾子重其身而轻其禄。怀其宝而迷其国者，
不可与语仁；窘其身而约其亲者，不可与语孝；任重道远者，不择地而息；家贫亲老者，不择官而仕。故君子桥褐趋时，当务为急。传云：不逢时而仕
，任事而敦其虑，为之使而不入其谋，贫焉故也。诗云：“夙夜在公，实命不同。”   传曰：夫行露之人许嫁矣，然而未往也，见一物不
具，一礼不备，守节贞理，守死不往，君子以为得妇道之宜，故举而传之，扬而歌之，以绝无道之求，防污道之行乎！诗曰：“虽速我讼，亦不尔从。
”……
</div></div>
<div style="position:absolutetop:160ptleft:80ptfont:11pt"><span onMouseOver="moveup()" onMouseOut="clearTimeout
(up)">Up</span>  <span onMouseOver="movedown()" onMouseOut="clearTimeout(down)">Down</span></div>
</BODY>
</HTML>
要在CSS中实现上下门的移动效果，你可以使用CSS的transform属性来设置门的位移效果。以下是一个简单的例子，假设你有一个类名为door的HTML元素，希望实现上下移动效果：
Copy code.door { transform: translateY(-100px) transition: transform 1s
}.door.open { transform: translateY(0)
}
在上面的CSS代码中，我们使用了transform属性的translateY方法来实现垂直移动，并使用了transition属性来设置动画过渡效果。我们还定义了一个类名为open的状态，在这个状态下，门的位置会发生改变，从而实现上下移动的效果。
要在HTML代码中触发这个状态，你可以使用JavaScript来添加或删除open类名：
Copy codedocument.querySelector('.door').classList.add('open')document.querySelector('.door').classList.remove('open')
希望这些信息能帮助你实现所需的上下门移动效果。
