Модальное окно Javascript, которое увеличивает или уменьшает положение при открытии и закрытии

Question

Я использую диалоговую функциональность jQuery UI для модальных окон.Теперь мне нужно, чтобы окно увеличилось из определенного места на веб-странице.И при закрытии окна необходимо также увеличить эту позицию (эта часть важнее).

Могу ли я сделать это с помощью диалогового окна jQuery UI?Есть ли другая библиотека javascript или jQuery для модальных диалоговых окон, которая будет уменьшаться до позиции на веб-странице?

Answer 1

Вы можете установить эффект для show / hide с помощью стандартного диалогового окна jQuery UI следующим образом:

  $( "#dialog" ).dialog({
            autoOpen: false,
            show: "scale",
            hide: "explode"
        });

Вы можете просмотреть различные доступные переходы здесь .

Возможно, наиболее близкими к тому, что вы ищете, являются масштабирование / слойка / передача, предварительный просмотр их на jsfiddle .

Если это не удовлетворяет тому, что вы ищетедля, я бы рекомендовал перейти с параметром flowplayer тогда.Пример диалогового окна с эффектом яблока: http://jsfiddle.net/niklasvh/D3ZJk/