На этом шаге мы рассмотрим реализацию эффекта взрыва.
В отдельных файлах эффектов реализованы различные дополнительные варианты переходов, каждый из которых может быть выполнен с помощью метода .effect(), а также присутствуют расширенные версии методов jQuery, таких как .show(), .hide() и .toggle(). Например, эффект взрыва, который скрывает элемент, взрывая его на заданное количество фрагментов, можно реализовать с помощью метода .effect():
$(document).ready(function() { $('#explode').effect('explode', {pieces: 16}, 800); });
Или с помощью метода .hide():
$(document).ready(function() { $('#explode').hide('explode', {pieces: 16}, 800); });
В любом случае этот эффект скроет прямоугольник, который изначально выглядит, как изображено на рисунке 1.
Рис.1. Эффект взрыва (щелкните по кнопке)
Полный текст этого примера можно взять здесь.В конце воспроизведения эффекта прямоугольник окажется скрытым.
На следующем шаге мы рассмотрим компоненты взаимодействий.