Autor Zpráva
Anonymní
Profil *
#1 · Zasláno: 6. 9. 2006, 17:16:30
Odpovědět Citovat
Zdravím. Potřeboval bych poradit jak udělat bez pomoci onmouseout a onmouseover měnící se button. Předpokládám že by to mohli jít pomocí hover, ale bohužel nevím přesně jak na to. Poradíte pls?
Joker
Profil
#2 · Zasláno: 6. 9. 2006, 17:54:04
Odpovědět Citovat
HTML
<a href="nejakastranka" class="button">odkaz</a>

CSS:
a.button{
background-color: white;
border: 1px solid black;
}

a.button:hover{
background-color:silver;
}

Tlačítko se při najetí myší změní z bílého na stříbrné.
V Internet Exploreru to funguje jen u prvku <a>, v normálních prohlížečích i u jiných.
WanTo
Profil
#3 · Zasláno: 6. 9. 2006, 18:10:01
Odpovědět Citovat
Anonymní
Pokud chceš button v pravém slova smyslu, tedy <button> nebo <input type = "button">, postup bude stejný. Bohužel, hover efekt nebude fungovat v IE.
Anonymní
Profil *
#4 · Zasláno: 6. 9. 2006, 19:57:27
Odpovědět Citovat
Myslím tohle: 
<a href="index.php?stranka=#" title="#"><img src="images/obrazek1.jpg" width="109" height="25" border="0" onmouseover="this.src='images/obrazek2.jpg'; this.width=109; this.height=25;" onmouseout="this.src='images/obrazek1.jpg'; this.width=109; this.height=25;"></a>

Jde to jinak než javascriptem?
tiso
Profil
#5 · Zasláno: 6. 9. 2006, 21:01:46
Odpovědět Citovat
Ide, odkazu nastavíš ten obrázok ako pozadie, na hover zmeníš obrázok, alebo ho posunieš...
Anonymní
Profil *
#6 · Zasláno: 6. 9. 2006, 22:49:58
Odpovědět Citovat
Mohl bych poprosit o příklad?
tiso
Profil
#7 · Zasláno: 6. 9. 2006, 23:15:42
Odpovědět Citovat
http://blog.gluchman.sk/priklady/preload-obrazkov.html
http://wellstyled.com/css-nopreload-rollovers.html
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0