[CSS, JS] Zmienny kolor tekstu po najechaniu na komórkę

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
KaRoL
Działa
Działa
Posty: 1071
Rejestracja: czw kwie 03, 2003 2:40 pm

[CSS, JS] Zmienny kolor tekstu po najechaniu na komórkę

Post autor: KaRoL »

Mam na stronie takie menu zrobione z tabelki z 10-cioma komórkami w poziomie. Każda komórka zawiera nazwę działu oraz jest hyperlinkiem (cała). Po najechaniu na nią komórka zmienia kolor z białej na granatową. Tekst jest nadal czarny. Co mam zrobic, by po najechaniu na komórkę i zmianie jej koloru zmieniał się także kolor zawartego w nim tekstu? :?
Wiecie o co mi chodzi?
http://www.spbrzozow2.republika.pl
ex
Przelotem
Przelotem
Posty: 223
Rejestracja: sob sie 02, 2003 12:25 pm
Kontakt:

Re: [CSS, JS] Zmienny kolor tekstu po najechaniu na komórkę

Post autor: ex »

A jeśli chcesz, aby po najechaniu na tabelkę (nie tylko na link) zmieniał się kolor (lub klasa) linka to:

Kod: Zaznacz cały

<td width="200" class="td_kolor1" onMouseOver="this.className='td_kolor2';link1.className='link_kolor2'" onMouseOut="this.className='td_kolor1';link1.className='link_kolor1'">

<a href="" name="link1" class="link_kolor1">Przykładowy link</a>

</td>

KaRoL
Działa
Działa
Posty: 1071
Rejestracja: czw kwie 03, 2003 2:40 pm

Re: [CSS, JS] Zmienny kolor tekstu po najechaniu na komórkę

Post autor: KaRoL »

A na co może się przydać taka zamiana jaką podał mi ex? :roll:

Fu3ak, chyba mnie nie zrozumiałeś. Wiem jak się robi efekt zmiany koloru po najechaniu na tekst, który jest hyperlinkiem 8O
Chodzi mi o tą stronę, którą podałem. Pewnie nawet nie zaglądnłeś...
Tam nie ma w menu tekstu-hyperlinku tylko same komórki jako hyperlink i chciałbym, by po najechaniu na komórkę zmieniał się kolor tekstu!
JAK TO UZYSKAĆ? :?
budek vel. fu3ak
Przelotem
Przelotem
Posty: 208
Rejestracja: śr sie 14, 2002 12:58 pm

Re: [CSS, JS] Zmienny kolor tekstu po najechaniu na komórkę

Post autor: budek vel. fu3ak »

jedyna metoda jaka znam to wstawic w kodzi zamiast np: szkola, miasto <a href="..">szkola</a>
aczkolwiek po samym najechaniu na pole tekst sie nie zmieni

proponuje podswietlenie komórki zamienic na jasniejsze
KaRoL
Działa
Działa
Posty: 1071
Rejestracja: czw kwie 03, 2003 2:40 pm

Re: [CSS, JS] Zmienny kolor tekstu po najechaniu na komórkę

Post autor: KaRoL »

http://www.konradvme.org/
Tutaj tak jest. Czy to za sprawą PHP? Na pewno, bo cała strona jest pisana w PHP, ale czy można to samo uzyskać w html?
ex
Przelotem
Przelotem
Posty: 223
Rejestracja: sob sie 02, 2003 12:25 pm
Kontakt:

Re: [CSS, JS] Zmienny kolor tekstu po najechaniu na komórkę

Post autor: ex »

Jeśli chcesz sam tekst to sprawa jest dużo prostsza:

Kod: Zaznacz cały

<td class="nasze_menu_off" onMouseOver="this.className='nasze_menu_on'" onMouseOut="this.className='nasze_menu_off'">
Artykuły
</td>

Styl:

Kod: Zaznacz cały

td.nasze_menu_off
{
background: #DD0000;
color: #0000FF;
}

td.nasze_menu_on
{
background: #0000DD;
color: #FF0000;
}
Krzysztof Cieślak
Posty: 10
Rejestracja: ndz paź 06, 2002 10:53 am
Lokalizacja: Konin
Kontakt:

Re: [CSS, JS] Zmienny kolor tekstu po najechaniu na komórkę

Post autor: Krzysztof Cieślak »

PHP do tego nie jest wcale potrzebne. Można zrobić to na 2 sposoby z JavaScriptem i CSS. Sugeruje oczywiście ten drugi, mniej zajmuje. Jak tego dokonać opisuje przykładowy rozdział ksiązki pt. "Zwiększ szybkość! Optymalizacja serwisów internetowych" wyd. Helion. Gorąco zresztą polecam tę pozycję, obowiązkową dla każdego webmastera.

PS. Taki sam efekt znajduje się także na mojej stronie.
ODPOWIEDZ