Блог Интернет Технологий

Триггер — это специальный обработчик, который запускается не пользователем, а наступлением определенного события или действием. В jQuery триггеры прикрепляются к селектору и запускают функцию.

Например, .click () — это событие, прикрепленное к селектору. И так же вызывает функцию.

Вот только .click () начнет выполнение только при клике, а триггер выполнится и будет ждать только своего запуска определенным событием. Например, тем же click.

Для работы с тригеррами в jQuery имеются следующие функции:

• .bind ( eventType, {eventData}, handler (eventObject) ) — добавляет обработчик событий;
• .one ( eventType, {eventData}, handler (eventObject) ) — добавляет обработчик событий, который сработает лишь раз;
• .unbind ( eventType, handler (eventObject) ) — удаляет все обработчики событий с элемента;
• .trigger ( eventType, [extraParameters] ) — вызывает обработчики событий;
• .triggerHandler ( eventType, [extraParameters] ) — вызывает обработчики событий, без вызова события браузера.

Я уже подымал эту тему: Табы при помощи jQuery — все просто.
Видимо, моих знаний на тот момент не хватало, чтобы сделать достойный пример.

В этой статье я собрал все пожелания для усовершенствования табов, а именно:

• Возможность использования скрипта больше, чем один раз
• Объясню сам механизм работы скрипта
• Теперь исчезают только нужные нам блоки
• При первой загрузке страницы и если элемент уже активен, эффект не срабатывает
• Про что забыл?

Вот, буквально пару дней назад, человек попросил объяснить решение его задачи.

Собственно, сама задача:
Имеется картинка. При наведении на нее курсора, поверх изображения появляется блок, в котором содержатся ссылки. Все должно быть универсально, а вдруг на странице будет много картинок?

Во-первых, прошу извинить меня за большие пробелы, которые я не заполнял постами. Теперь надеюсь исправиться.

Во-вторых, сегодня я решил осветить для вас плавный скроллинг страницы при помощи jQuery. И я покажу вам не только решение, но и постараюсь объяснить все, что напишу. Это для того, чтобы вы сумели править скрипт для своих нужд.

Люблю я в свободное время побегать по интернет страничкам. Что-то посмотреть, присмотреть, прочитать, услышать, обсудить и просто получить много удовольствия.

В одну из таких свободных минуток, наткнулся на подборку красивых меню. Среди них довольно часто встречались с анимированным фоном. Смотрится неплохо. Я решил придумать свой способ реализации, о нем вы сейчас и узнаете.

Когда верстаешь меню, эта техника используется каждым. Компановка блоков с перемещением, прыгающие квадратики, кружочки и т. п., все требует хорошо отточеной техники. Техники перемещения объектов на странице.

Раньше я писал об увеличение картинки при наведении при помощи css. Но она была не доработана.

Совсем недавно, мне требовалось сделать что-то похожее, только на jQuery. И я доделал тот пример и добавил эффекты при помощи jQuery. Вообщем у меня получилось два варианта:

1. С использованием CSS, без jQuery.
2. С использованием CSS и jQuery.

Сейчас я покажу вам два варианта.