Шаг 228.
Библиотека jQuery. Использование модулей расширения. Библиотека расширений jQuery UI. Эффекты. Дополнительные эффекты

    На этом шаге мы рассмотрим реализацию эффекта взрыва.

    В отдельных файлах эффектов реализованы различные дополнительные варианты переходов, каждый из которых может быть выполнен с помощью метода .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. Эффект взрыва (щелкните по кнопке)

Полный текст этого примера можно взять здесь.

    В конце воспроизведения эффекта прямоугольник окажется скрытым.

    На следующем шаге мы рассмотрим компоненты взаимодействий.




Предыдущий шаг Содержание Следующий шаг