Привет У меня есть набор <li> с эффектом зависания, что я хочу, когда страница загружает ВСЕ элементы <li>.Как fadein LI элементы случайным образом? (jQuery)
Я не хочу перетасовывать их ... они должны хранить свой заказ в неповрежденном значении 1,2,3,4,5. Я просто хочу, чтобы они отображались на странице случайным образом и оставались там.
Тестовая страница:
http://humayunrehman.com/hovertest/
Вы можете сделать что-то вроде этого:
var v = $("#blocks > li").css('visibility', 'hidden'), cur = 0;
for(var j, x, i = v.length; i; j = parseInt(Math.random() * i), x = v[--i], v[i] = v[j], v[j] = x);
function fadeInNextLI() {
v.eq(cur++).css('visibility','visible').hide().fadeIn();
if(cur != v.length) setTimeout(fadeInNextLI, 50);
}
fadeInNextLI();
You can view a demo with your html/images here. Кредит Иордании Боше для алгоритма сортировки, тот же самый, который используется в jsquares.
Это скроет их всех, возьмите в порядке очередное :hidden один, затушевите его, а 50 мс позже запустите следующий, создав эффект случайного ада fadeIn. Просто отрегулируйте время по мере необходимости, также пройдите время до .fadeIn(), если хотите. Это прекратит эффекты очередей, когда это будет сделано.
но он отображает один на один, но не случайно это это эффект, который я надеялся включить: http://boedesign.com/demos/jsquares/ – user366123
Мобильный банкомат будет выглядеть и обновляться немного :) –
@ user366123 - Извините, я до сих пор не добирался до этого, но, надеюсь, это то, что вы сейчас сделали :) –
Когда вы говорите случайным образом, вы имеете в виду, что время должно быть случайным? Как в «через 1-5 секунд, первый элемент приходит, через 1-5 секунд второй элемент»? – cwap
их появление на странице должно быть случайным ... это эффект я надеялся включить: http://boedesign.com/demos/jsquares/ , например: Li порядка (остается неизменным) : Li-1 Li 2-Li-3 литий-4 Li-5 .... появляются случайным образом: 3-й 1-й 2-й 4-й 5-й Everytime загрузки страницы они появляются случайным образом – user366123