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);
})();