如何使用jquery制作这个？

Question

http://www.lingerie.com/

如何使用jquery制作页面顶部的LATEST NEWS:部分。

假设html代码是：

<ul id="latest">
<li><a href="#">example one</a></li>

<li><a href="#">example two</a></li>

<li><a href="#">example three</a></li>

<li><a href="#">example four</a></li>

<li><a href="#">example five</a></li>
</ul>

Answer 1

您可以使用Firebug或Chrome / IE /等开发人员工具查看其源代码。

查看sc-scripts-2010.js文件，了解新闻自动收录器的代码（搜索“新闻自动收报机”）。

Answer 2

我这样做的方法是设置一个间隔循环，它定期隐藏最后显示的元素并显示下一个元素。 CSS可用于将所有项目作为隐藏项启动。

CSS：

#latest a { display: none }

JavaScript的：

$(document).ready(function () {
    setInterval((function() {
        var index = -1;
        return function() {
            var all = $('#latest a');
            if (index >= 0) {
                all.eq(index).hide();
            }

            index++;
            if (index == all.length) {
                index = 0;
            }

            all.eq(index).show();        
        };
    })(), 1000);
});

小提琴：http://jsfiddle.net/4ZNj6/1/