原理：设置三个p，第一个p内包含其余两个p，第一个p有宽高，第二个p有内容，将第一个p的宽高通过样式给其余两个加，通过innerHTML给第三个p加内容，设置一个定时器，当内容向上滚动的距离等于高时，重新置零，否则++。
属性：offsetHeight,scrollTop
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>书讯快递</title>
<style type="text/css">
body,ul,li{margin:0px;padding:0px;}
ul,li{list-style: none;}
#p1
{
width:380px;
height:220px;
border:1px solid red;
margin:0px auto;
padding:0px 10px;
overflow: hidden;
}
#p1 li{padding:1px 0px;}
</style>
<script type="text/javascript">
window.onload=function()
{
//得到三个p的id
var dome1=document.getElementById("p1");
var dome2=document.getElementById("p2");
var dome3=document.getElementById("p3");
//三个p的高度一样
p2.style.height=dome1.offsetHeight+"px";
p3.style.height=p1.offsetHeight+"px";
//p2.style.backgroundColor="red";
//p3.style.backgroundColor="green";
//将p2的内容复制到p3
p3.innerHTML=p2.innerHTML;
window.setInterval("start1()",10);
}
function start1()
{
var dome1=document.getElementById("p1");
if(p1.scrollTop==p1.offsetHeight)
{
dome1.scrollTop=0;
}else
{
dome1.scrollTop++;
}
}
</script>
</head>
<body>
<p id="p1">
<p id="p2">
<ul>
<li>.分享送积分286 收藏商品拉普拉斯的魔女</li>
<li>.解忧杂货店</li>
<li>.好好说话：新鲜有趣的话</li>
<li>.别把这世界让给你鄙视的人</li>
<li>.圣女的救济</li>
<li>.邓文迪：女人明白要趁早</li>
<li>.好好学习：个人知识管理</li>
<li>.三生三世十里桃花</li>
<li>.愿你的青春不负梦想</li>
</ul>
</p>
<p id="p3"></p>
</p>
</body>
</html>