Изменение цвета ссылки
В Internet Explorer-е 4.0 можно очень просто модифицировать стиль элементов,
даже после того, как страница уже выведена полностью. Каждый элемент
стиля ссылается в JavaScripte-е посредством свойства style
. Пусть, к
примеру, переменная element
отображает элемент HTML. Следующее
выражение присваивает ему чёрный цвет :
element.style.color = 'black';
Таким же образом вы можете менять аттрибуты стиля, используя для этого style
. Следующие выражения показывают, как можно очень просто
сделать ссылку, цвет которой меняется при поднесении указателя мыши к нему :
<A HREF="http://www.microsoft.com/">
<FONT COLOR="#0000ff"
onMouseOver="this.style.color = '#cc0000'"
onMouseOut="this.style.color = '#0000ff'">Microsoft</FONT></A>
* Код размещен в несколько строк только для удобства понимания. Реально
это всё располагается в одну строку.
Если у вас Internet Explorer 4.0 то вы можете увидеть интерактивную ссылку в
действии : Microsoft. Если у вас не Internet Explorer 4.0 - то это обычная
ссылка, без всяких наворотов.
Обьект this
в скрипте используется для ссылки на сам используемый
элемент (<FONT>...</FONT>
в данном случае). Мы используем в этом скрипте
краткое написание вместо полного. Смысл размещения хэндлера в паре тэгов <FONT>
вместо пары <A>
заключается в том, чтобы пользователь видел
эффект только в Internet Explorer 4.0 . Другие браузеры, которые
поддерживают JavaScript, поддерживают хендлеры событий onMouseOver
и onMouseOut
в ссылках, однако при этом они будут генерировать ошибку,
т.к. они не поддерживают возможности style
(это поддерживается только
в Internet Explorer версии 4 и выше). К тому же, в теге <FONT>
очень просто
менять цвет, используя его аттрибут color
.