文字不间断向上滚动 div

dly · 发表于 2012-1-27 12:10:15

<style type="text/css">
#dem ul
{
text-align: left;
margin-left:2px;
font-size:12px;
}
#dem li a
{
background: #F7F7F7;
display: block;
}
#dem
{
overflow: hidden;
width: 250px;
height: 270px;
background: #FFF;
float: left;
display: inline;
}
#dem1 li
{
list-style:inside;
}
</style>
<div id="dem">
<div id="dem1">
<ul>
<li><a href="news.html">参加大冬会闭幕式观众需要注意安全事项的通告 </a></li>
<li> <a href="news/news1.html">关于大冬会男女冰球三、四名和决赛入场公告</a></li>
<li><a href="news.html">21日举行的高山滑雪滑降比赛日期有变 </a></li>
<li><a href="news/news1.html">跳台滑雪男子个人K125比赛时间有变更 </a></li>
<li><a href="news.html">参加大冬会开幕式活动观众需注意问题通告</a> </li>
<li><a href="news/news1.html">参加大冬会开幕式观众需要注意安全事项的通告 </a></li>
<li><a href="news.html">大冬会媒体记者报名第二批审核通过名单 </a></li>
<li><a href="news.html">参加大冬会闭幕式观众需要注意安全事项的通告 </a></li>
<li><a href="news/news1.html">关于大冬会男女冰球三、四名和决赛入场公告</a> </li>
<li><a href="news.html">21日举行的高山滑雪滑降比赛日期有变 </a></li>
<li> <a href="news/news1.html">跳台滑雪男子个人K125比赛时间有变更 </a></li>
<li> <a href="news.html">参加大冬会开幕式活动观众需注意问题通告</a> </li>
<li> <a href="news/news1.html">参加大冬会开幕式观众需要注意安全事项的通告 </a></li>
<li> <a href="news.html">大冬会媒体记者报名第二批审核通过名单 </a></li>
<li> <a href="news.html">参加大冬会闭幕式观众需要注意安全事项的通告 </a></li>
<li> <a href="news/news1.html">关于大冬会男女冰球三、四名和决赛入场公告</a> </li>
<li><a href="news.html">21日举行的高山滑雪滑降比赛日期有变 </a></li>
<li><a href="news/news1.html">跳台滑雪男子个人K125比赛时间有变更 </a></li>
<li><a href="news.html">参加大冬会开幕式活动观众需注意问题通告</a> </li>
<li> <a href="news/news1.html">参加大冬会开幕式观众需要注意安全事项的通告 </a></li>
<li><a href="news.html">大冬会媒体记者报名第二批审核通过名单 </a></li>
</ul>
</div>
<div id="dem2"> </div>
<script type="text/javascript">
var speeds=30;
var FGdem=document.getElementById('dem');
var FGdem1=document.getElementById('dem1');
var FGdem2=document.getElementById('dem2');
FGdem2.innerHTML=FGdem1.innerHTML
function Marquee1(){
if(FGdem2.offsetHeight-FGdem.scrollTop<=0)
FGdem.scrollTop-=FGdem1.offsetHeight
else{
FGdem.scrollTop++
}
}
var MyMar1=setInterval(Marquee1,speeds)
FGdem.onmouseover=function() {clearInterval(MyMar1)}
FGdem.onmouseout=function() {MyMar1=setInterval(Marquee1,speeds)}
</script> </div>

复制代码

文字不间断向上滚动 div

相关帖子