纯JS无间隙文字向上滚动代码

旧城等待， 2022-06-16 09:14 169阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
<title>体验盒子 － UEDBOX.COM</title>  
</head>  
  
<body>  
<div>  
快报讯（记者 金辰 薛晟） 儿子溺水命悬一线，他以为那是别人家的孩子，选择了冷漠离开，结果得知溺水的居然是自己儿子时，悔恨已晚。事后，这位父亲竟然将儿子的死怪罪到社区居委会身上，并且到法院起诉要求对方赔偿，最终被法院驳回。昨天，无锡市中级人民法院公布“2011年无锡法院十大典型案例”，这起“姚某人身损害赔偿纠纷案”不但入选“十大”，而且因社会影响大、百姓关注度高而位居“榜首”。  
  
　　2010年6月27日晚上6点左右，姚某某、邢某某之子姚某（6岁）独自在其一家租住地社区的河道小码头玩耍时落水。姚某某得知有小孩落水，没有立即下水救援，当他回家没有找到儿子后，方才返回出事河道，发现溺水的正是自己儿子，将儿子从水中救起，但为时已晚，小孩已经溺水身亡。  
  
　　事后，姚某某、邢某某以社区居委会没有尽到安全保障义务提起诉讼，并索赔儿子的死亡赔偿金、精神损害抚慰金、丧葬费、抢救费等合计47多万元。  
  
　　经法院审理认为，姚某某儿子出事的河道，当地村委并不是法定管理人，对孩子的溺水死亡没有过错，不承担责任。河道管理人对河道周围的设施设置、管理没有欠缺，已经尽到一般安全保障义务，不应承担责任。上诉人姚某某及其妻子存在明显过错，应承担相应的责任。据此，法院依法驳回姚某某夫妻的诉讼请求。  
  
</div>  
  
<div style="height:80px; position:relative; overflow:hidden;">  
<div id="rollText" style="font-size:12px;line-height:20px;">  
<ul>  
<li><a href="">◇ 无间隙文字向上滚动</a></li>  
<li><a href="">◇ 无间隙文字向上滚动</a></li>  
<li><a href="">◇ 无间隙文字向上滚动</a></li>  
<li><a href="">◇ 无间隙文字向上滚动</a></li>  
<li><a href="">◇ 无间隙文字向上滚动</a></li>  
<li><a href="">◇ 无间隙文字向上滚动</a></li>  
<li><a href="">◇ 无间隙文字向上滚动</a></li>  
</ul>  
</div>  
</div>  
<script type="text/javascript">  
var textDiv = document.getElementById("rollText");  
var textList = textDiv.getElementsByTagName("a");  
if(textList.length > 2)\{  
var textDat = textDiv.innerHTML;  
var br = textDat.toLowerCase().indexOf("<li",textDat.toLowerCase().indexOf("<li")+3);  
textDiv.innerHTML = textDat+textDat+textDat.substr(0,br);  
textDiv.style.cssText = "position:absolute; top:0";  
var textDatH = textDiv.offsetHeight;MaxRoll();  
\}  
var minTime,maxTime,divTop,newTop=0;  
function MinRoll()\{  
newTop++;  
if(newTop<=divTop+80)\{  
textDiv.style.top = "-" + newTop + "px";  
\}else\{  
clearInterval(minTime);  
maxTime = setTimeout(MaxRoll,100);  
\}  
\}  
function MaxRoll()\{  
divTop = Math.abs(parseInt(textDiv.style.top));  
if(divTop>=0 && divTop<textDatH-180)\{//原本是减去80,改成减去180会有什么效果？  
minTime = setInterval(MinRoll,80);  
\}else\{  
textDiv.style.top = 0;divTop = 0;newTop=0;MaxRoll();  
\}  
\}  
</script>  
</body>

</html>

转自：http://www.uedbox.com/tag/%E6%BB%9A%E5%8A%A8%E4%BB%A3%E7%A0%81