用javaｓｃｒｉｐｔ实现连续滚动字幕效果的方法

我们通常使用跑马灯标签来控制元素的滚动，但是一种方式是不连续的滚动，每滚动一次就会出现一个空白。

下面是告诉你这是如何实现的。

为了不断翻滚，我们需要复制的字幕很多次的内容，到内容的高度不是滚动区域的高度不超过两次。然后我们隐藏溢出滚动条和使用代码来控制滚动条向下移动（当时的内容向上移动时）。滚动条滚到底部，它不能从理论上滚下来，所以我们立刻调整滚动条滚动到相同的位置，当前的图片。我们看到的是一个不断滚动。哦，这很简单，你是怎么做到的让我们看看它是如何逐步完成的。

div id=跑马灯> <！这些内容的字幕，你可以定义一个href = > > <#链接到一个 / >
一个href =
<> <一> #两 / 链接
一个href =
<>三<一> # / 链接
一个href =
<>四<一> # / 链接
< < < >！-结束>字幕内容
< >
<！--以下是java脚本代码-->
脚本语言=java脚本>
<！——
marqueesheight = 200； / /高含量区
stopscroll = false； / /这个变量控制是否停止滚动
与（跑马灯）{
nowrap = true； / /这表不自动换行的内容区域
样式。宽度= 0； /因此，我们可以把它的宽度设为0，因为这将是很大的支持。
高度= marqueesheight风格；
风格。overflowy =隐藏； / /滚动条是不可见的。
onmouseover =新功能（stopscroll =真实）； / /鼠标后，停止转动
onmouseout=新功能（stopscroll =假）； / /鼠标左键，开始滚动
}
/ /在这个时候，高含量区无法阅读。下面是一层看不见的templayer
document.write（'div id =templayer
style=位置：绝对；Z指数：1；能见度：隐藏> / DIV >）；
函数（init）初始化滚动元素
/ /多份原创内容的templayer
而（templayer.offsetheight < marqueesheight）{
templayer .innerHTML += marquees.innerhtml；
} / / templayer两次复制回原来的内容区域的内容：
跑马灯.innerHTML = templayer .innerHTML + templayer.innerhtml；
/ /集的连续加班，叫（scrollup）功能驱动的滚动条：
（scrollup setInterval（）
}
文件指针初始化。身体；
preTOP = 0； / /这个变量是用来判断滚动条是否已经走到了尽头
功能（scrollup）{ / /滚动的驱动功能
如果（stopscroll = =真正的回报）； / /如果变量stopscroll 是真的，然后停止滚动
preTOP = marquees.scrolltop； / /记录位置的滚动条滚动之前
跑马灯。scrollTop + = 1； / /向下滚动一个像素
如果滚动条不移动，则滚动到相同的位置和当前图片。
当然，不仅如此，还要向下滚动一个像素（+ 1）：
如果（preTOP = =跑马灯。scrollTop）{
跑马灯。scrollTop = templayer offsetheight marqueesheight + 1；
}
}
-->
<脚本>
U3000 U3000

做完了，感觉不难做。