2012-06-06 1 views
1

Как указано в заголовке, есть ли эффект плагина jQuery, который позволит мне скрыть divs так, как это делает Windows? Таким образом, div будет перемещаться, сжиматься и становиться прозрачным до определенной точки на экране. Вот пример: http://fstoke.me/jquery/window/ Это в значительной степени то, что я ищу, за исключением того, что я не думаю, что можно просто использовать эффект.Есть ли хороший плагин jQuery для эффекта сглаживания, который выглядит как минимизация окон в Windows

+0

google "jquery modal" или "jquery dialog" .... богатство вариантов – charlietfl

+0

Будет что-то подобное, тогда вы можете использовать эффект масштабирования jQuery UI. http://jsfiddle.net/joycse06/BQ8Z4/ –

ответ

5

Вы можете использовать метод jQuery .animate(). Что вам нужно для эффекта, чтобы изменить это:

  • ширина окна
  • высота окна
  • верхней позиции
  • левое положение

как это:

$('#element').animate({ 
    top: $(window).height(), // to force the window to minimize at the bottom corner 
    left: 0, 
    width: '20px', 
    height: 0 
}); 

Here is a jsFiddle example с jQueryUI d ialog, который я только что сделал. И this без jQueryUI.

Редактировать: вы также можете добавить прозрачность, если хотите, например. opacity: 0.3

+0

Спасибо! Я обнаружил функцию animate() сразу после того, как я опубликовал ее и не успел отправить ответ, прежде чем вы уже это сделали! – Colin