Javascript Marquee取代< marquee>标签 [英] Javascript Marquee to replace <marquee> tags

问题描述

在Javascript中，我毫无希望。这是我的：

 < script type =text / javascript> 
函数beginrefresh（）{
 
 //设置目标对象的ID 
 var marquee = document.getElementById（marquee_text）; 
 
 if（marquee.scrollLeft> = marquee.scrollWidth  -  parseInt（marquee.style.width））{
 marquee.scrollLeft = 0; 
} 
 
 marquee.scrollLeft + = 1; 
 
 //设置延迟（ms），延迟更大，运动更慢
 setTimeout（beginrefresh（），10）; 
 
} 
< / script> 
  

它滚动到左侧，但我需要它相对无缝地重复。目前它只是跳回到开始。这可能是我做不到的方式，如果没有，任何人都有更好的方法？

这是一个jQuery插件有很多功能：

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

这一个是丝般光滑 p>

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

I'm hopeless at Javascript. This is what I have:

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

It scrolls to the left but I need it to repeat relatively seamlessly. At the moment it just jumps back to the beginning. It might not be possible the way I've done it, if not, anyone have a better method?

解决方案

Here is a jQuery plugin with a lot of features:

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

And this one is "silky smooth"

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

这篇关于Javascript Marquee取代< marquee>标签的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！