HTML文字上下循环滚动代码

最新推荐文章于 2024-06-11 10:09:18 发布

冯强军

最新推荐文章于 2024-06-11 10:09:18 发布

阅读量1.7w

点赞数 1

分类专栏： wordpress 文章标签： html

本文链接：https://blog.csdn.net/fengqiangjun/article/details/51892722

版权

wordpress 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
<div id="hdemo" style="height:200px;overflow:hidden;">
<div id="indemo" style="height:200%;">
<div id="hdemo1">
第一行字<br />
第二行字
</div>
<div id="hdemo2"></div>
</div>
</div>
</body>
<script type="text/javascript">
speed = 100; //数字越大滚得越慢
var htab = document.getElementById("hdemo");
var htab1 = document.getElementById("hdemo1");
var htab2 = document.getElementById("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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

冯强军

关注关注

1
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
HTML文字上下循环滚动代码

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body><div id="hdemo" style="height:200px;overflow:hidden;"><div id="indemo" style="height:200
复制链接

扫一扫