[ Новые сообщения · Участники · Правила форума · Пошук · RSS ]
Страница 1 из 11
Модератор форума: sova77 
Форум » Общий раздел » все для сайта » Блоки, меняющие прозрачность при наведении курсора
Блоки, меняющие прозрачность при наведении курсора
sova77Дата: Вс, 30.08.2009, 15:53 | Сообщение # 1
вип
Группа: разработчик
Сообщений: 601
Награды: 13
Статус: відсутній
Этот скрипт создаст на выбранных вами блоках сайта эффект прозрачности, степень которыой будет плавно меняться при наведении курсора на блок. В качастве блока может выступать любой элемент страницы, будь то DIV, рисунок, информер, баннер, ссылка...

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

Итак, установка. Впишите в коде, желательно в теле HEAD, следующую строку:
Доступно только для пользователей

Этой строкой мы подключили модуль, который и управляет эффектом. Если желаете, можете скопировать этот модуль на свой хост. В этом случае, в строке, описанной выше, замените адрес на свой.

После этого нужно прописать код вызова функции, которая назначит прозрачность и эффект ее изменения к обработчику событий нужных блоков. Код выглядит так:


Доступно только для пользователей
Внимание! Код вызова нужно прописать в конце страницы (перед тегом BODY). В крайнем случае, после блоков, на которые эффект нужно повесить. Это нужно для того, чтобы функция смогла назначить события на блоки. А блоки эти должны быть уже созданы до выполнения функции.

Параметры функции:
Первый параметр - список классов блоков, на которые эффект должен распространяться. Например, если ктасс блоков cl1 и cl2, то в параметр нужно вписать: ['cl1','cl2'].
Второй параметр - направление эффекта. 0 - стандартное положение прозрачный, а при наведении курсора непрозрачный. 1 - стандартное положение непрозрачный, а при наведении курсора прозрачный.
Третий параметр
- уровень прозрачности. Значение от 0 (полная прозрачность) до 1 (полная непрозрачность).
Четвертый параметр - скорость эффекта. Значение от 1 (эффект не происходит) до значение больше нуля. Нулевое значение устанавливать нельзя. Это придаст эффекту бесконечность и зацикливание.

Все, устанавливаете код на свою страницу, настраиваете, как Вам надо, и используете.

Пример использования!!

Code
<div class=fBlock > [img]http://nms.at.ua/ava/1/10.gif[/img]</div>

<div class=fBlock > Пример затенения</div>

результат

Пример затенения


форум для интересных людей

Сообщение отредактировал nms - Вт, 01.09.2009, 00:55
 
Обьявления
Форум » Общий раздел » все для сайта » Блоки, меняющие прозрачность при наведении курсора
Страница 1 из 11
Поиск: