使用JQuery循环Div内容

我对JQuery非常陌生，我刚刚掌握了HTML/CSS的概念，现在我已经准备好编写更高级的代码了，我已经看到JQuery中完成了一些非常棒的事情

我有一个名为“contnet”的类，在一个部分中有多个，但是我只希望在一个单独的时间显示一个，彼此淡入淡出

我知道有.fadeIn和.fadeOut函数，但是我不知道如何循环使用它们

谢谢

刚刚为你做了一个

如果我的理解是正确的，这应该做的工作！虽然我只是在我的div中使用图像，但您可以将任何想要的内容放入其中

HTML

<div class="imgloop">
    <img src="http://hq.squidoo.com/files/2013/01/draft_lens14637921_1287867138penguin_posters.png"/>
</div>
<div class="imgloop">
    <img src="http://www.openlettersmonthly.com/likefire/wp-content/uploads/2011/11/angry-penguin.jpg"/>
</div>

JQuery

(function() {

    var imgloop         = $(".imgloop");
    var imgloopIndex = -1;

    function showNextimgQuote() {
        ++imgloopIndex;
        imgloop.eq(imgloopIndex % imgloop.length)
        .fadeIn(1000)
        .delay(4000)
        .fadeOut(1000, showNextimgQuote);
    }

    showNextimgQuote();

})();


        .fadeIn(1000)

设置新内容淡入所需的时间

        .delay(4000)

设置内容对观众可见的时间

        .fadeOut(1000, showNextimgQuote);

设置内容淡出所需的时间

---

注意：这些值以毫秒为单位，1000等于1秒。

即使你从SO那里得到了答案，但仅仅尝试也无助于你的未来。嗨，新用户。欢迎使用stackoverflow。请检查并了解如何更好地使用stackoverflow。伙计们，我一直在尝试，我对这一切还不熟悉，我想这可能是一个好的开始。我会浏览一下你们的链接，让自己在未来变得更好：）谢谢蒂姆·马歇尔！这太棒了！

        .fadeOut(1000, showNextimgQuote);