javascript - 使用 jquery 动态添加字幕内容

Question

有什么方法可以使用 jquery 像在 marquee 中一样添加内容吗？基本上，我想为我的网站添加不同的最新图像。

谢谢。

Answer 1

不确定选取框是否有一致的定义。在 HTML 的上下文中，我一直认为它意味着文本从从右到左(或 LTR)滚动。

我在评论中看到您希望项目向上移动。肯定有一些 JQuery 插件可以做到这一点，但您自己也可以轻松完成。 HTML:

<ul id="panel_news">
    <li>BigEvent 2012 @ Berlin, 29 Nov - 1 Dec</li>
    <li>User Group meeting hosted by ConnectUs</li>
    <li>Joan announces PXLS</li>
    <li>OpenVMS Boot Camp</li>
</ul>
<ul id="panel_news_bank" style="display: none;">
    <li>IT annual conference in Melbourne</li>
    <li>Benchmark presenation</li>
</ul>

和 JavaScript/JQuery 代码:

var tickerTimer = self.setInterval("ticker()", 2500);
function ticker() {
    $("#panel_news > li").first().hide(500, function() {
        var ticker_item;
        $("#panel_news > li").first().detach().appendTo("#panel_news_bank");
        ticker_item = $("#panel_news_bank > li").first().detach();
        ticker_item.appendTo("#panel_news");
        ticker_item.fadeIn(1000);
        ticker_item = null;
    });
}

查看实际效果@ jsFiddle