Porady
Podmiana kolorów i grafiki

Wszyscy wiemy zapewne jak wygląda efekt hoover oraz rollover. Jak podobne efekty można zastosować w komórkach tabel bądź całych tabelach? Poniżej możesz zobaczyć jak zmienia się tło tabelek po najechaniu na nie kursorem myszy. W pierwszym przpadku uzyskujemy podmianę pliku graficznego tła, w drugim zaś jego koloru.
Podmiana grafiki. Podmiana kolorów.
zamiana grafiki zamiana koloru


Cały zapis skryptów i użycia w tabeli wygląda następująco

Podmiana grafiki

<script type="text/javascript" language="JavaScript"> <!-- function nad(element) {element.style.backgroundImage="url(obrazek_1.gif)"} function poza(element) {element.style.backgroundImage="url(obrazek_2.gif)"} --> </script>

Podmiana kolorów

<script type="text/javascript" language="JavaScript"> <!-- function nadw(element) {element.style.backgroundColor="red"} function pozaw(element) {element.style.backgroundColor="blue"} --> </script>

Przykład zastosowania w tabeli

<table align="center" width="300" border="1" cellspacing="0" cellpadding="0"> <tr> <td width="150" height="25" background="obrazek_1.gif" onmouseover="nad(this)" onmouseout="poza(this)">zawartość komórki</td>

<td bgcolor="green" onmouseover="nadw(this)" onmouseout="pozaw(this)">zawartość komórki</td> </tr></table>


Autor: webmark


drukuj