Minulla on kaksi kuvaa ja haluaisin tehdä gif buttonin. Eli sellaisen, kun laittaa hiiren kuvan päälle kuva vaihtuu.
Vaihtuva kuva
Vaihtuva kuva
4
790
Vastaukset
- nimimerkki
Jos et nyt välttämättä halua tapella tuota css:llä, tässä javascript-toteutus.
- vainzki
div#navi a {
display: block;
width: 80px;
height: 20px;
background-image: url(blah.gif);
border: 0px;
}
div#navi a:hover {
display: block;
width: 80px;
height: 20px;
background-image: url(blah2.gif);
border: 0px;
}- enni
miten tuo pitää lisätä linkkiin?
- Höpö
enni kirjoitti:
miten tuo pitää lisätä linkkiin?
Sitä ei oikeastaan lisätä linkkiin, vaan linkki laitetaan elementtiin, joka identifioidaan nimellä navi.
Tässä vaizkin koodi sivulle laitettuna:
Untitled
div#navi a {
display: block;
width: 80px;
height: 20px;
background-image: url(blah.gif);
border: 0px;
}
div#navi a:hover {
display: block;
width: 80px;
height: 20px;
background-image: url(blah2.gif);
border: 0px;
}
linkki
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Tänään pyörit ajatuksissa enemmän, kun erehdyin lukemaan palstaa
En saisi, silti toivon että sinä vielä palaat ja otetaan oikeasti selvää, hioituuko särmät ja sulaudummeko yhteen. Vuod225134- 254308
- 272461
- 342234
- 371998
- 151908
En ole koskaan kokenut
Ennen mitään tällaista rakastumista. Tiedän että kaipaan sinua varmaan loppu elämän. Toivottavasti ei tarvitsisi vain ka191587- 121521
Voi ei! Jari Sillanpää heitti keikan Helsingissä - Hämmästyttävä hetki lavalla...
Ex-tangokuningas on parhaillaan konserttikiertueella. Hän esiintyi Savoy teatterissa äitienpäivänä. Sillanpää jakoi kons211247Kerranki asiat oikein
Ilkka ja muut pienpuolueeet...teitte hyvän työn kun valitsitte pätevän henkilön virkaan eikä kepulle passelia!! Jatkakaa101164