jQuery/CSS : make text inside div scroll horizontally like a news ticker no plugin

Question

任何人都知道如何在不使用插件的情况下使 div 中的文本以“新闻行情”方式从右向左水平滚动。这是我正在尝试完成的确切示例(这是一个插件解决方案:http://www.maaki.com/scrollingText.html)。

Answer 1

这里有一个快速的解决方案: http://jsfiddle.net/4mTMw/8/

var marquee = $('div.marquee');
marquee.each(function() {
    var mar = $(this),indent = mar.width();
    mar.marquee = function() {
        indent--;
        mar.css('text-indent',indent);
        if (indent < -1 * mar.children('div.marquee-text').width()) {
            indent = mar.width();
        }
    };
    mar.data('interval',setInterval(mar.marquee,1000/60));
});​

使用 text-indent css 属性，您可以相当简单地做到这一点。