Приложение 3. На сайте – как в "Винде".
Если вы пожелаете использовать на web-странице фильтры для достижения эффекта затемнения иконок при наведении на них курсора, то в начало страницы, в раздел <head> следует добавить небольшой скрипт, разобранный ниже по строчкам. Синтаксис Javascript во многом похож на синтаксис РНР, так что изучение данного сценария вряд ли станет для вас проблемой.
Начало сценария:
<script language="JavaScript1. 2">
Для экономии места используется одна функция, которой сообщается имя графического объекта на web-странице, на котором используется затемнение, и требуемое действие – либо применение этого затемнения, либо его отмена.
function g (c,w)
{
Если нужно "затемнить" картинку:
if (w==0)
…применяем фильтр "light", который окрашивает картинку в определенный цвет…
с.style.filter="light";
…и задаем в качестве затемняющего цвета – темно-синий оттенок. Эта команда используется лишь в том случае, когда браузер может работать с фильтрами – именно поэтому она помещена после оператора if, проверяющего, существует ли для браузера фильтр light.
if (с.filters.light) {
c.filters.light.addAmbient(130.130.210.120) }
Ну а если нужно, наоборот, вернуть картинке первоначальный вид, то просто отменяем все фильтры.
else с.style.filter=0 }
Вот и все:
} </script>
Вышеописанный сценарий будет "обслуживать" все картинки на странице, для которых вы пожелаете применить эффект "затемнения". Ну а чтобы это происходило – в тэг каждой картинки, для которой требуется "затемнение", следует вставить команды:
"onMouseover="g (this,0)" onMouseout="g (this,1)"
Например:
<IMG src="z.gif" border=0 height=30 width=30 on-Mouseover="g(this,0)" onMouseout="g(this,1)">
В результате при наведении курсора мыши на картинку она будет затемняться – как на рис. П.3.3.
Рис. П.3.3. Затемнение иконки под курсором. Но уже на сайте, а не на Рабочем столе
К сожалению, данный прием работает только в браузере Microsoft Internet Explorer версии 5.0 и старше. Пользователи же остальных браузеров увидят простую непереливающуюся картинку и ничего больше.
Примеры сценария, а также иконки архивов вы можете взять с адресов http://www.harchikov.ru, http://antorlov.chat.ru, http://karamur2a.chat.ru. Просто копируйте картинки и переписывайте сценарий из "Источника HTML", а затем размещайте на своем сайте.