анимация всплывающего окна jQuery

Question

Я заинтересован в написании собственного облегченного всплывающего окна для своих сайтов. Мне нравится, как работает анимация всплывающего окна soundcloud (нажмите «Вход» в левом верхнем углу, чтобы просмотреть), но, насколько я могу судить, это проприетарный, а не плагин.

Как soundcloud достигает эффекта стиля «зум», когда всплывающая анимация, кажется, исходит от того, на что вы нажали. Я хотел бы повторить этот эффект.

Answer 1

Это просто геометрия. Просто увеличьте размеры окна, перемещая его к центру экрана, и примените эффект с помощью .animate().

в jQuery.

На странице jQuery есть пример: http://api.jquery.com/animate/

Выглядит очень похоже на то, что вы хотите.

Answer 2

возможно, вы можете изменить из этой библиотеки, она имеет анимацию и перетаскивание. Код довольно прост. На основе JQuery: http://www.okyfirmansyah.net/blog/?p=166