使用 jquery 动态添加选取框内容答案

【问题标题】：dynamically add marquee content using jquery使用 jquery 动态添加选取框内容
【发布时间】：2012-11-08 20:03:48
【问题描述】：

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

谢谢。

【问题讨论】：

不要使用选框。这非常烦人。
点击此链接：stackoverflow.com/questions/10593568/…
@anishsane 那么我应该使用什么？我想显示最新的更新。
我的意思是，作为一个好的做法，尽可能避免选框和眨眼。也许，这是您的要求。

标签： javascript jquery html

【解决方案1】：

不确定是否有公认的字幕定义。在 HTML 的上下文中，我一直认为这意味着文本从 从右到左（或 LTR）滚动。

我在 cmets 中看到您希望项目向上移动。肯定有一些 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

【讨论】：

【解决方案2】：

使用这个 JQuery 插件来做字幕：

http://www.givainc.com/labs/marquee_jquery_plugin.htm

【讨论】：