衰落列表項的隨機位置

Question

此代碼很好地淡入和淡出列表項。但我想列表中的項目被隨機定位在一個格內

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

FIDDLE