2 / 2 / 0
Регистрация: 23.06.2014
Сообщений: 167
|
|
1 | |
Плавное движение блока "А" вправо при нажатии на блок "Б". Реализация на чистом JS23.04.2015, 14:00. Показов 3319. Ответов 7
Метки нет Все метки)
(
Здравствуйте. Собственно все что необходимо указано в заголовке. Есть блок, который абсолютно спозиционирован. Шириной он 600px и его свойство left равно -640px. тоесть он спрятан. По нажатии на кнопку, он плавно скользит вправо до отметки left:0. И хочу чтоб по нажатию на ту же кнопку, он уходил в свое исходное положение left: -640px;
Подскажите, как реализовать, пожалуйста. Особенно не знаю как плавно это сделать на чистом JS.
0
|
|
23.04.2015, 14:00 | |
Ответы с готовыми решениями:
7
Открыть закрыть блок при нажатии по ссылке и закрыть его при нажатии вне этого блока Появление блока при нажатии на другой блок |
2 / 2 / 0
Регистрация: 23.06.2014
Сообщений: 167
|
|
23.04.2015, 14:47 [ТС] | 3 |
BANO, есть только попытки. три строчки которые ни к чему не привели. получение елемента по id и функция которая потом меняет его значение с left:-640; на left:0; Но ничего не работает. Ну и на плавность я даже не рассчитывал в своих попытках.
0
|
Ренегат
![]() |
||||||
23.04.2015, 14:52 | 4 | |||||
VadimuSSS, ну ты сначала покажи))
Добавлено через 3 минуты вот смотри что я надыбал в интернете на счёт анимации
1
|
2 / 2 / 0
Регистрация: 23.06.2014
Сообщений: 167
|
||||||
23.04.2015, 14:54 [ТС] | 5 | |||||
BANO, не хотелось светить этим позором, но вы меня вынудили
![]()
0
|
3323 / 2843 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
|
||||||||||||||||
23.04.2015, 14:58 | 6 | |||||||||||||||
![]() Решение
VadimuSSS, можно конечно и на чистом JS сделать:
Кликните здесь для просмотра всего текста
Кликните здесь для просмотра всего текста
1
|
2 / 2 / 0
Регистрация: 23.06.2014
Сообщений: 167
|
|
24.04.2015, 11:15 [ТС] | 8 |
Lazy_Den, Я, видимо, не правильно выразился. Я и имел ввиду js+css. А говоря "чистый js, я подразумевал без jquery. Спасибо, я сейчас разберу ваш пример.
Добавлено через 20 часов 7 минут Lazy_Den, Разобрал вроде все. Потом попробовал ради эксперимента добавить на один свой шаблон в качестве менюшки, но почему то не захотело работать. ![]() Наверное надо подробнее разобраться. Спасибо большое за помощь в обучении.
0
|
24.04.2015, 11:15 | |
24.04.2015, 11:15 | |
Помогаю со студенческими работами здесь
8
Плавное проигрывание анимации при скроллинге вниз на чистом JS При нажатии на определенный блок, цвет этого блока должен меняться. Как сделать чтобы при нажатии на блок номер 2, снизу выводилось оборудование 2 блока
Есть блок покупки. При нажатии на кнопку одного элемента этого блока нужно присвоить его свойства другому(например фото) Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |