jquery - div + li 随机和滑动 (jQuery)

Question

我希望在里面显示一个随机块，也显示一个随机<li>和幻灯片。很难解释，但这是我的 html 代码：http: //jsfiddle.net/LeG3nDz/za2v9/

我希望我的班级“幻灯片”随机出现在里面，我还显示<li>它是随机的，每 3 秒改变一次。

<div class="slide">
    <h1>My title</h1>
    <ul>
        <!-- RANDOM <li> -->
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
        <li>Four</li>
        <li>Five</li>
        <li>Six</li>
        <li>Seven</li>
    </ul>
</div>

Answer 1

你可以使用这个随机插件，我写道：

$.fn.random = function(count) {
    if (count === this.length) {
        return this;
    } else if (count === undefined || count === 1) {
        return $(this[Math.round(Math.random() * (this.length-1))]);
    } else {
        this.sort( function() { return 0.5 - Math.random() } );
        return this.slice(0, count);
    }
};

和这段代码

$('.slide').hide().random().slideDown().find('li').hide().random().slideDown();

这是更新的jsfiddle

至于每 3 秒的随机变化：

var li =  $('.slide').hide().random().slideDown().find('li');
(function random() {
    li.hide().random().slideDown();
    setTimeout(random, 3000);
})();