Прозорість на javascript

Одне з найдосконаліших застосувань прозорості. М'який перехід об'єкта від напівпрозорого стану до нормального через спеціальну бібліотеку opacity.

1. Беремо скрипт, називаємо його opacity.js:

2. Заливаємо на сайт, підключаємо - вставляємо код між і

3. Визначаємо правила використовуючи метод fadeOpacity.addRule () - вставляємо код між і

Де: 'WebOst', - ім'я правила, задається довільно;
.3, 1, - початкова і кінцева прозорість, числа в діапазоні від 0.0 до 1.0;
30 - затримка в мілісекундах (необов'язковий аргумент, за замовчуванням дорівнює 30).

4. У своїй таблиці CSS встановлюємо початкову прозорість картинок:

5. Тепер вставляємо самі картинки:

Де: id = "img." - ідентифікатор картинки, довільне ім'я, починається з букви. і повинен бути унікальним. ;
class = "opacity" - ваше правило оформлення картинки, в нашому випадку початкова прозорість;
# 111; nmouseover = "fadeOpacity (this.id, 'WebOst')" - для зміни прозорості від початкового значення до кінцевого при наведенні курсору;
# 111; nmouseout = "fadeOpacity.back (this.id)" - для повернення до початкового значення рівня прозорості.

Приклад готового коду:

Приклад роботи скрипта: j ​​# 097; vascript прозорість

Користуємося на здоров'я.

Схожі статті