Skrypt działa prawidłowo w przeglądarkach: IE, NS6, Mozilla, Opera7.
W przeglądarkach NS4.x i Opera4,5,6 (ok. 2% rynku), ze względu na ograniczoną możliwość dynamicznej zmiany stylu, kolor
elementów nie zmienia się. Jednak nie powoduje to żadnych błędów, tak więc strona zachowuje swoją
funkcjonalność również w tych przeglądarkach.
Do czego służy ten skrypt?
Do płynnej zmiany koloru dowolnego elementu HTML. Zmiana odbywa się w odpowiedzi na zdarzenie
"onmouseover", czyli po wjechaniu myszką na dany element. Po zjechaniu myszką z elementu,
następuje powrót do koloru wyjściowego, również w sposób płynny.
Po dobraniu
odpowiedniej
kolorystyki
takie linki
mogą stworzyć
dość ciekawe
efekty
Poza linkami, fadeowaniu może być poddany np. cały akapit. Umieść kursor myszy ponad tym tekstem aby zobaczyć efekt.
Można też poddać zabiegowi fadeowania dowolny fragment tekstu, np. poprzez objęcie go znacznikiem <span class="nazwaklasy">.
Inny przykład. Fadeowanie zawartości komórek w tabeli:
| zmiana koloru od białego do żółtego | zmiana koloru od czerwonego do niebieskiego |
| zmiana koloru od czarnego :))) do złotego |
zmiana koloru od żółtego do zielonego |
Poza zmianą koloru tekstu istnieje również możliwość zmiany koloru tła dowolnego elementu HTML. Na przykład, kolor tła w tym akapicie zmienia się z czarnego na szary.
Elementy posiadające obramowanie, mogą również zmieniać jego kolor. Wprawdzie zmiana koloru obramowania nie działa w NS6, lecz nie powoduje to żadnego błędu w tej przeglądarce. Po prostu kolor pozostaje nie zmieniony.
Istnieje również możliwość jednoczesnej zmiany koloru czcionki i koloru tła danego elementu
| pierwsza komórka | druga komórka |
| trzecia komórka | czwarta komórka |
Jak umieścić skrypt w dokumencie?
Zobacz w następnym przykładzie.