Случайное положение элементов списка затухания

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

FIDDLE