Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Помогите доработать скрипт (https://javascript.ru/forum/misc/38979-pomogite-dorabotat-skript.html)

Николай II 11.06.2013 16:51

Помогите доработать скрипт
 
Есть четыре блока:
<div onclick="positions()">Текст</div>
<div id="one">Текст</div>
<div id="two">Текст</div>
<div id="three">Текст</div>

Нужно, чтобы при клике на первый блок остальные поменяли свое местоположение, для каждого блока своя позиция:
function positions() {
	document.getElementById("one").className='raz';
	document.getElementById("two").className='dva';
	document.getElementById("three").className='tri';
}


Собственно, можно ли сюда прилепить аналог ccs3 свойства transition, чтобы блоки перемещались плавно, без использования jquery?

p.s. Не смейтесь, если со скриптом что-то не так, для меня уже это достижение.

skrudjmakdak 11.06.2013 17:08

реализуйте функцию перемещения. вам поможет функция setnterval, которая вызывает другую функцию через указанный промежуток времени. setnterval(function(){...}, time); и clearIntervar(interval); - остановка setInterval'а

ruslan_mart 11.06.2013 18:22

Цитата:

Сообщение от Николай II
Собственно, можно ли сюда прилепить аналог ccs3 свойства transition, чтобы блоки перемещались плавно, без использования jquery?

А чем сам transition не вариант?

#one, #two, #three {
   transition: all 0.5s;
}


Часовой пояс GMT +3, время: 03:33.