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

div + li随机和幻灯片（jQuery）

1 个答案: