jquery - 渐变列表项的随机位置

Question

这段代码很好地淡入淡出列表项。但我希望列表项在 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);
});

我可以添加什么来获得随机定位？

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

小提琴