Как можно менять местами блоки? Чтобы каждые 10 секунд последний блок вставал на место первого, второй на место третьего, третий на место последнего. И так по кругу.
<div data-id='0'>0</div>
<div data-id='1'>1</div>
<div data-id='2'>2</div>
<div data-id='3'>3</div>
При перемещении блока не надо удалять из старого места, при вставке в новое он будет удален из старого автоматически. Сделал без jQuery на чистом JS.
var parent = document.getElementById('container');
setInterval(function() {
var div = parent.querySelector('div');
parent.appendChild(div); //автоматически удалится из старого места
}, 1000);
#container div
{
float: left;
width: 100px;
height: 100px;
margin: 20px;
border: 2px solid silver;
border-radius: 5px;
}
<div id="container">
<div data-id='0'>0</div>
<div data-id='1'>1</div>
<div data-id='2'>2</div>
<div data-id='3'>3</div>
</div>
Решил данным способом:
setInterval(function() {
$('.cen p').hide();
$('.cen').prepend($('.cen p:last'));
$('.cen p').slideToggle({duration: "slow",});
}, 5000);
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Привет, тут такое дело, как с помощью js в поле вбивать допустим слово "Hello"?
Делаю POST запрос с помощью HttpWebRequest, в котором есть информация с файлаВыполняю Server