1

このコードは、リスト アイテムをうまくフェード インおよびフェード アウトします。しかし、リスト項目を div 内でランダムに配置したい

$(function () {
    var list_slideshow = $("#site_slideshow_inner_text"),
        listItems = list_slideshow.children('li'),
        listLen = listItems.length,
        i = 0,
        changeList = function () {
            listItems.eq(i).fadeOut(300, function () {
                i += 1;
                if (i === listLen) {
                    i = 0;
                }
                listItems.eq(i).fadeIn(300);
            });
        };
    listItems.not(':first').hide();
    setInterval(changeList, 1000);
});

ランダムな位置を取得するには、これに何を追加できますか?

4

1 に答える 1

1

このようなものから始める必要があります。より良い回答を得るには、質問にさらに情報を提供する必要があります。コード例で試したこと。

$('li').each(function(){
var randomTop = $('div').height()*Math.random(); //random top position
var randomLeft = $('div').width()*Math.random(); //random left position

$(this).css({ //apply the position each li
        top        : randomTop,
        left    : randomLeft
    });
});

フィドル

于 2014-01-14T17:21:52.160 に答える