Обратите внимание посетителей
e24SpotLight - Mootools плагин, который позволяет обратить внимание посетителей на любой объект на странице. Получается неплохой эффект, когда необходимая область подсвечивается.
Возможные опции
- transition: Названия эффекта перехода, например: ‘quad-out’, ‘bounce-in’, ‘elastic-in’, etc.
- duration: Продолжительность эффекта в милисекундах.
- zindex: z-index слоя наложения.
- bgcolor: цвет слоя наложения.
- opacity: прозрасночть слоя.
- margin: поля области подсветки.
- delay: задержка в милисекундах перед тем как спрятать слой. Если установить 0, тогда слой не будет исчезать просто так (только при клике).
Методы
* lightOn: Включение эффекта. Можно задать название элемента, а можно и точные координаты {left: 100, top: 150, width: 300, height: 300}.
* lightOff: Выключение
Разбор кода демо версии
Первым делом нам необходимо в шапке документа подключить фреймворк, скрипт плагин и таблицу стилей.
Далее в теле документа прописываем все элементы для выделения.
Нажмите на любой квадрат