html滚动效果代码HTML⽂字上下循环滚动代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="hdemo">
<div id="indemo">
<div id="hdemo1">
第⼀⾏字<br />
第⼆⾏字
</div>
<div id="hdemo2"></div>
</div>
</div>
</body>
<script type="text/javascript">
speed = 100; //数字越⼤滚得越慢
var htab = ElementById("hdemo");
var htab1 = ElementById("hdemo1");
var htab2 = ElementById("hdemo2");
htab2.innerHTML = htab1.innerHTML;
htab.scrollTop = htab1.offsetHeight;
function Marquee(){
if (htab.scrollTop >= htab1.offsetHeight) {
htab.scrollTop-=htab2.offsetHeight;
}else{
htab.scrollTop+=1;
}
}
var MyMar=setInterval(Marquee,speed);
</script>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。