Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
TVPNERO
9 / 8 / 12
Регистрация: 29.03.2016
Сообщений: 1,031
#1

Как сделать анимацию ? - JavaScript

22.10.2016, 20:18. Просмотров 212. Ответов 3

Нужно чтоб Второй блок(id block_two) выезжал справа налево закрывая собой Первый блок(id block_one ),при наведении мышки на Первый блок.

Интересует либо вариант кода на JS или CSS,без jQuery.

HTML5
1
2
3
4
5
6
<html>
<head>
 
<title>Транзишн</title>
 
<meta charset="utf-8">
CSS
1
2
3
4
5
6
<style>
#block_one{display: inline-block;width: 300px;height: 300px;background: yellow}
 
#block_two{display: inline-block;width: 300px;height: 300px;background: green}
 
</style>
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
</head> 
<body>
 
 
<div id="block_one">Первый блок</div>
 
 
 
<div id="block_two">Второй блок</div>
 
 
    
</body>
</html>

http://www.cyberforum.ru/javascript/thread881480.html
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
22.10.2016, 20:18
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Как сделать анимацию ? (JavaScript):

Как с CountUp.js сделать анимацию?
Ссылка на скрипт: https://github.com/inorganik/CountUp.js Помогите...

Как сделать плавную анимацию height?
Привет. Создал страницу с верхним меню навигации. При прокрутке контента...

Сделать анимацию по примеру
имеется такой пример:...

Как воспроизвести gif анимацию с первого кадра при перезагрузке страницы или перезагрузить изображение?
Есть некое изображение img.gif с анимацией логотипа длительностью 4 секунды....

Как сделать так чтобы страничка при увеличения разрешения не двигалась в разные стороны, и как сделать чтобы при открытии в опере и в других браузерах
все обьекты на странице не двигались в разные стороны???

3
Azdeman
Фрилансер
Эксперт HTML/CSSЭксперт PHP
1734 / 1277 / 579
Регистрация: 12.01.2011
Сообщений: 5,074
22.10.2016, 21:13 #2
Есть jQuery метод
Javascript
1
animate({});
0
TVPNERO
9 / 8 / 12
Регистрация: 29.03.2016
Сообщений: 1,031
22.10.2016, 22:46  [ТС] #3
Azdeman, Интересует либо вариант кода на JS или CSS,без jQuery.
0
Azdeman
Фрилансер
Эксперт HTML/CSSЭксперт PHP
1734 / 1277 / 579
Регистрация: 12.01.2011
Сообщений: 5,074
22.10.2016, 23:02 #4
Цитата Сообщение от TVPNERO Посмотреть сообщение
Интересует либо вариант кода на JS или CSS,без jQuery.
https://learn.javascript.ru/animation
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
22.10.2016, 23:02
Привет! Вот еще темы с решениями:

Как сделать таймер обратного отсчёта по нажатию на кнопку и сделать её неактивной
Снова пишу сюда, ибо нигде больше помощи не дождёшься:( Мне тут нужно сделать...

Как сделать из постоянной ссылки сделать относительную?
Есть ссылка: url: 'http://my-site.ru/wp-content/themes/stratforce/'+...

Анимацию js в jpg
Добрый день Есть хитрый очень js с html Как из них выдрать анимацию в jpg?...

Не получается использовать анимацию JS
Хотел чтоб надпись &quot;обзор БК&quot; двигалась(вместо анимации CSS пробую анимацию JS)...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru