html 文字上下滚动

人气：965 时间：2018-09-15

这篇文章主要为大家详细介绍了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%;">
<div id="hdemo1">
第一行字<br />
第二行字</div>
<div id="hdemo2"></div>
</div>
</div>
</body>

</body>
</html>

<!--   代码来自 四海网 （www.q1010.com）-->

相关JS：经测试代码如下：


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

// 来自：四海网（www.q1010.com）

本文来自：http://www.q1010.com/175/54-0.html

注：关于html 文字上下滚动的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：滚动

您可能感兴趣的文章

上一篇：HTML 让上下两个DIV之间保持一定距离或没有距离

下一篇：html文字左右滚动代码