Logowanie

Zmienianie zawartości komórki tabeli po najechaniu

pytanie zadane 16 listopada 2017 w HTML i CSS przez jackandrew Nowicjusz (120 p.)
edycja 16 listopada 2017 przez jackandrew

Dzień dobry wszystkim!

Przechodząc od razu do sedna sprawy - pragnę wykonać tabelę, w której jedna komórka po najechaniu kursorem (:hover) będzie zmieniała zawartość tekstową.

Natknąłem się jak na razie tylko na przykład lecz opierając się na tym, zamiast "Su" na początku, byłby napis na przykład "Góry" i zmienił się po najechaniu na "Sudety" a napis "Góry" znikł.

Wiem, że dany efekt można osiągnąć w JavaScript, lecz ja na razie wolałbym uniknąć angażowania tegoż języka.

1 odpowiedź

odpowiedź 16 listopada 2017 przez Sisa Bywalec (2,580 p.)

http://jsfiddle.net/gd8ba/light/

Spróbowałbym czegoś w tym stylu tylko, że analogicznie z napisami :)

komentarz 16 listopada 2017 przez jackandrew Nowicjusz (120 p.)

Z napisami? To znaczy w czym to zawrzeć? Divy? Paragrafy?

komentarz 17 listopada 2017 przez Sisa Bywalec (2,580 p.)

<!DOCTYPE html>
<html>
<head>
	<title>Page Title</title>
</head>
<style>
	.foo span:last-child{display:none}
	.foo:hover span:first-child{display:none}
	.foo:hover span:last-child{display:inline-block}
</style>
<body>
	<a class="foo" href="#">
        <span>text1</span>
		<span>text2</span>
    </a>
</body>
</html>

Podobne pytania

0 głosów

1 odpowiedź 138 wizyt

wyświetlenie diva w php po złym wprowadzeniu danych

pytanie zadane 29 listopada 2017 w PHP przez Bartek Pydynkowski Początkujący (320 p.)

0 głosów

3 odpowiedzi 252 wizyt

hiperłącze style

pytanie zadane 26 sierpnia 2017 w HTML i CSS przez zenon209210 Początkujący (260 p.)

0 głosów

1 odpowiedź 228 wizyt

Kurs CSS odc. 3 PR08LEM

pytanie zadane 20 sierpnia 2017 w HTML i CSS przez podprogramista1 Początkujący (370 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...

Zmienianie zawartości komórki tabeli po najechaniu

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci