2013-06-28 5 views
1

мне нужно добиться следующего эффекта с JQuery:ExtJS окно анимации с JQuery

http://dev.sencha.com/deploy/ext-3.4.0/examples/desktop/desktop.html

нажав на кнопку «Окно сетки» или «Аккордеон окна» иконки откроет окно в «масштабирование» способом слева нижний угол до середины страницы.

Что мне нужно сделать - сделать то же самое с jQuery, но переместить открывающее окно в правое нижнее положение страницы.

Может ли кто-нибудь рассказать мне, как это может быть достигнуто, или если для этого уже есть плагин jQuery?

Спасибо!

ответ

0

Один первый шаг может быть использовать .animate() обновить top, left, width, height свойства окна:

// compute target x,y coordinates of the bottom right corner 
$('#window').animate({ 
    top: target.top, 
    left: target.left, 
    width: 0, 
    height: 0 
}); 

fiddle

+0

Это обновит все эти свойства сразу. Я понимаю, что ExtJs обновляет эти свойства параллельно, что делает эту анимацию. – cycero

+0

Добавлена ​​скрипка. Я не уверен, что понимаю, что вы имеете в виду. Я понял ваш вопрос: «Мне нужно закрыть окно вправо справа». Это можно изменить, установив значения «top, left, width, height» – LeGEC

+0

. На самом деле я не хотел его закрывать, но уже понял, как это можно сделать. Спасибо! – cycero