Управление прозрачностью элементов веб сайтов с помощью языка javascript
Разрешено бесплатное использование скрипта и его модификаций в некоммерческих целях.
Для использования скрипта в коммерческих целях запросите разрешение у автора. Или пожертвуйте любую сумму на один из электронных кошельков:
QIWI: 901 371 81 06
WebMoney: R174324960197
Яндекс.Деньги: 410011513132981
Срипт управления прозрачностью объектов опубликован и доступен для скачивания здесь.
Скрипт был почти полностью переписан, однако, сохраняется совместимость с предыдущей версией. Дата крайней редакции: 05.01.2014
Подробная документация:
- Подключаем скрипт к странице:
<SCRIPT src="js/opacity.js"></SCRIPT> (Предполагается, что скрипт лежит в папке js/ относительно вашей страницы.) - Применяем функцию opacity(HTML элемент, степень прозрачности, время выполнения, функция, аргументы функции) к HTML элементу:
<DIV id="elem" onmouseover="opacity('elem', 20, 300)"></DIV>
Первый аргумент: идентификатор элемента или ссылка на DOM HTML элемент.
Второй аргумент: степень прозрачности, задается в процентах от 0 до 100.
Не обязательные аргументы:
Третий аргумент: время изменения прозрачности, задается в миллисекундах. Третьим аргументов можно также передать скорость изменения прозрачности, если передать им строку, например:
opacity('elem', 20, '30%')
(Прозрачность будет изменятся со скоростью 30% в секунду)
Четвёртым аргументом можно указать любую функцию, которая будет выполнена по окончанию смены прозрачности. Последующие аргументы, которые будут передаваться функции opacity станут аргументами соответствующей функции.
Пример использования:
Описание объекта Opacity:
Свойства:
actual:[Number] степень прозрачности объекта (число с плавающей точкой)
final:[Number] степень прозрачности, которую требуется задать
time:[Number] время, за которое изменится прозрачность
dt:[Number] минимальный временной интервал (влияет на количество кадров в секунду)
Методы:
alpha(функция, аргумент1, аргумент2 ...)
Метод меняет прозрачность объекта, по завершении смены прозрачности вызывает функцию, указанную первым аргументом. Последующие аргументы передаются этой функции.