Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.06.2013, 16:51
Интересующийся
Отправить личное сообщение для Николай II Посмотреть профиль Найти все сообщения от Николай II
 
Регистрация: 05.06.2013
Сообщений: 11

Помогите доработать скрипт
Есть четыре блока:
<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. Не смейтесь, если со скриптом что-то не так, для меня уже это достижение.
Ответить с цитированием
  #2 (permalink)  
Старый 11.06.2013, 17:08
Профессор
Отправить личное сообщение для skrudjmakdak Посмотреть профиль Найти все сообщения от skrudjmakdak
 
Регистрация: 27.04.2012
Сообщений: 1,410

реализуйте функцию перемещения. вам поможет функция setnterval, которая вызывает другую функцию через указанный промежуток времени. setnterval(function(){...}, time); и clearIntervar(interval); - остановка setInterval'а
Ответить с цитированием
  #3 (permalink)  
Старый 11.06.2013, 18:22
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

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

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

Последний раз редактировалось ruslan_mart, 11.06.2013 в 18:25.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Скрипт гармошка. Помогите доработать! gizol Работа 4 04.01.2012 05:02
Помогите доработать скрипт jenya jQuery 12 01.11.2011 09:27
помогите доработать скрипт Medvedoc Javascript под браузер 0 18.10.2011 16:09
Помогите скрипт доработать Georgiy Общие вопросы Javascript 4 15.11.2009 22:06
Помогите доработать хороший скрипт! KiLLka Я не знаю javascript 3 10.06.2009 23:37