1

内部にランダムなブロックを表示し、ランダム<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>
4

1 に答える 1

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);
})();
于 2013-08-05T07:38:55.507 に答える