Hey, I have a nice news ticker that stops on mouseover etc... but the animation is slightly jerky - any ideas?

var ticker_holder = $('#ticker').get(0);
            var ticker_text = $('#ticker').get(0);
            var ticker_pos = ticker_text.parentNode.offsetWidth;

            var ticker_data = "<strong>Featured: </strong>"
            +"HardCoded, DamnCool, AliveKicking, NinjaGaiden, WikiWord, FeaturedWords...";
            $(ticker_text).html('<marquee scrollamount="1" scrolldelay="20">' + ticker_data + '</marquee>');

            $('#ticker').hover(
                function() { $('marquee', this).get(0).stop();  },
                function() { $('marquee', this).get(0).start(); }
            );

Hey, I have a nice news ticker that stops on mouseover etc... but the animation is slightly jerky - any ideas?

var ticker_holder = $('#ticker').get(0);
            var ticker_text = $('#ticker').get(0);
            var ticker_pos = ticker_text.parentNode.offsetWidth;

            var ticker_data = "<strong>Featured: </strong>"
            +"HardCoded, DamnCool, AliveKicking, NinjaGaiden, WikiWord, FeaturedWords...";
            $(ticker_text).html('<marquee scrollamount="1" scrolldelay="20">' + ticker_data + '</marquee>');

            $('#ticker').hover(
                function() { $('marquee', this).get(0).stop();  },
                function() { $('marquee', this).get(0).start(); }
            );

• javascript
• jquery

1 Answer 1

Marquee is not remended tag. Is is nod defined in stadard, avoid using it. Try one of theese plugins:

1. http://remysharp./demo/marquee.html
2. http://www.givainc./labs/marquee_jquery_plugin.htm
3. http://www.vegabit./jquery_scroller/