Javascript Marquee 替换 <marquee> 标签

标签 javascript html marquee

我对 Javascript 毫无希望。这是我的:

<script type="text/javascript">
    function beginrefresh(){

        //set the id of the target object
        var marquee = document.getElementById("marquee_text");

        if(marquee.scrollLeft >= marquee.scrollWidth - parseInt(marquee.style.width)) {
            marquee.scrollLeft = 0;
        }

        marquee.scrollLeft += 1;

        // set the delay (ms), bigger delay, slower movement
        setTimeout("beginrefresh()", 10);

    }
</script>

它向左滚动,但我需要它相对无缝地重复。此刻它只是跳回到开始。按照我的方法可能不行,如果不行,谁有更好的方法?

最佳答案

这是一个具有很多功能的 jQuery 插件:

http://jscroller2.markusbordihn.de/example/image-scroller-windiv/

而且这个是“丝滑的”

http://remysharp.com/2008/09/10/the-silky-smooth-marquee/

关于Javascript Marquee 替换 <marquee> 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/337330/

相关文章:

javascript - 如何让汽车沿着路径行驶

javascript - AngularJS:如何使内部div可见

html - 在 CSS 关键帧中一条一条地滚动消息

javascript - 如何在express js中的中间件之后渲染不在公共(public)或查看文件夹中的静态文件

javascript - Dojo表单获取值

javascript - Soundcloud API 适用于 Firefox,但不适用于 Safari 或 Chrome

javascript - Jquery 中显示/隐藏文本框的问题?

ios - iOS 中标签的跑马灯效果

performance - 使用 QT 的平滑文本动画(选框文本效果)

javascript - 选中行时获取其他列数据的jQuery代码