Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Анимация ысплывающего окна (https://javascript.ru/forum/dom-window/42941-animaciya-ysplyvayushhego-okna.html)

Riddik 14.11.2013 17:39

Анимация ысплывающего окна
 
Привет.

Есть всплывающее окно, реализованное изначально скрытым div, в этом div есть дочерние элементы - изображения и текст.

Анимацию нужно сделать таким образом, чтобы окно буквально "всплыло", т.е. постепенно увеличить его масштаб из "точки" до нормального.

Вопрос в следующем.

Есть ли другие более удобные способы, кроме как увеличивать style.width и style.height у div и всех его дочерних элементов? Плюс к тому придется заново позиционировать дочерние элементы внутри div и сам div для сохранения пропорций у позиций элементов?

JS&PHP 14.11.2013 18:15

Что бы не возиться с большим кодом, вам поможет библиотека jQuery. В ней вы найдете нужные вам функции, которые сэкономят вам время.
Вот ссылка на хороший справочник по jQuery:
http://jquery.page2page.ru/index.php...%D1%86%D0 %B0

Riddik 14.11.2013 18:16

Т.е. как я понял, так всё и делается, просто jQuery облегчает эти вещи?

Спасибо)

JS&PHP 14.11.2013 18:21

В неком понимании да. Дело а том, что jQuery просто содержит ф-ии, которые избавляю вас от долгой и нудной работы. А написание программ уже будет зависеть только от вас.

ruslan_mart 15.11.2013 13:39

http://learn.javascript.ru/play/3cd4j

Danxil 15.11.2013 22:58

transform: scale http://htmlbook.ru/css/transform поэлегантнее будет


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