Cat-Webmaster

Универсальные rollover-ы JavaScript

Rollover-ы JavaScript стали необычайно популярны сразу после того, как вышел официальный релиз Netscape Navigator 3.0x. В настоящее время они используются на многих сайтах, в том числе и на таких известных, как IBM, Digital, и ZDNet.

Наверняка вы уже не раз видели, что изображение движется, меняет цвет или просто появляется, когда вы подносите указатель к тому или иному изображению ? Так вот, это и есть действие того, что называется rollover. Rollover - это очень удачный способ добавить динамики в статичный мир HTML , при этом браузеры, которые не поддерживают их, не будут сообщать об ошибках (при условии при правильном программировании rollover-ов).

В этой главе будут рассмотрены различные варианты использования rollover-ов. Изображение под этим текстом демонстрирует вложенные rollover-ы.:

Netscent Logo (top)
Netscent Logo (bottom)

В этой статье мы научимся :

  1. Как использовать объект document.images.
  2. Как сделать rollover-ы совместимыми с различными браузерами.
  3. Как создаются экземпляры объекта Image.
  4. Как комбинировать rollover-ы для создания меню.
  5. Как создаются множественные rollover-ы.
  6. Как создать приятно работающие rollover-ы.
  7. Как создавать вложенные rollover-ы.

To Cat-Webmaster К коту-вебмастеру ...

Copyright © 1998 Mecklermedia Corporation.
All Rights Reserved. Legal Notices.
Created: August 21, 1997
Revised: March 30, 1998
Перевод: Александр Серёгин aka Free Cat 06.02.1999

Оригинальная статья: http://www.webreference.com/js/column1/