| Autor | Zpráva | ||
|---|---|---|---|
| Marucs Profil |
#1 · Zasláno: 19. 1. 2014, 18:11:40
Zdravím,
dělám v HTML 5 a CSS 3 a mám navigaci odkazů a chtěl bych aby po najetí myší byly aktivní + aby se změnil obrázek. Poté bych ještě chtěl vedle rolovací menu, ale k tomu jsem se ještě nedostal. Nyní mám ten problém, že si v HTML nastavím vše potřebné u toho tlačítka. ID="tlacitko", odkaz, a adresu obrázku. A v CSS souboru dám #tlacitko:hover { url }, ale ten druhý obrázek (který má být místo prvního) se neobjeví místo toho prvního, nýbrž v mezeře pod 1. a 2. odkazem. Vím, že to jde přes JS s funkcí mouseover, ale to tam teď nechci zakomponovávat, ale chci to zatím udělat jen čistě HTML+CSS. Jde to nějak? Díky |
||
| pharaon.jh Profil |
#2 · Zasláno: 19. 1. 2014, 18:39:12
já jsem to dělal takto
<a href="stránka s odkazem"><img src="obrázek neaktivní" onmouseover="this.src='změna obrázek po najetí myši';" onmouseout="this.src='obrázek neaktivní';"></a><br> |
||
| Marucs Profil |
#3 · Zasláno: 19. 1. 2014, 18:41:57
Ano, to jsem psal v poslední větě, že to takto udělat nechci :)
|
||
| Bubák Profil |
#4 · Zasláno: 19. 1. 2014, 20:37:17
http://teststranek.kvalitne.cz/blend-hover-01/
Pokud nepožaduješ postupnou změnu (která takto udělaná nefunguje ve všech prohlížečích), tak stačí vyhodit deklaraci transition. Též můžeš namísto opacity měnit visibility.
Klasika je měnit obrázkové pozadí takto: http://teststranek.kvalitne.cz/css-rollover/ |
||
|
Časová prodleva: 10 let
|
|||
0