html实现文字左右滚动的教程

相信很多小伙伴们都不知道怎么在html中实现文字左右滚动,其实在HTML中我们可以借助html实现文字左右滚动,那么接下来我们就一起去看看html实现文字左右滚动的教程吧。

复制代码

代码如下:

 

//借助于marquee

这里是要滚动的内容

//普通的实现方法


这里是要滚动的内容

function scroll(obj) {
var tmp = (obj.scrollLeft)++;
//当滚动条到达右边顶端时
if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
//当滚动条滚动了初始内容的宽度时滚动条回到最左端
if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;
}
setInterval(“scroll(document.getElementById(‘scrollobj’))”,20);

以上就是小编介绍html实现文字左右滚动的教程,在HTML中主要有借助于marquee和普通的实现方法,这两种方法都各有优缺点,大家可以权衡一下。