举个例子，如果你原来的列表是
<div id="news">
<ul>
<li>这里是新闻列表</li>
...
<li>这里是新闻列表</li>
</ul>
</div>
现在按照以下几步走：
1、将列表代码改为：
<div id="news">
<div id="demo">
<ul id="demo1">
<li>这里是新闻列表</li>
...
<li>这里是新闻列表</li>
</ul>
<ul id="demo2"></ul>
</div>
<script>
var speed=40
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.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>
</div>
2、添加CSS代码， 这里很重要，不然不会起作用。
<style>
#demo{
overflow:hidden;
height:80px;
width:280px;
}
</style>
宽度和高度根据需要调整就可以了。
追问你好，先谢谢你的回答
css应加什么什么地方，要加在主页CSS下吗？
只加demo吗
#demo1{
height:auto;
text-align:left;
}
#demo2{的CSS不加？
追答其他的代码 都是一些修饰 格式， 你保留原来的就好了。 这个是保证滚动的关键CSS 。
你可以加到CSS文件里面，也可以直接在head 中间加上。
追问你好，我按你说的方法还是不行，可能是有地方出错，给个QQ或邮箱，我把代码发给你看看
追答[email protected]