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

<!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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值