miten sais sellasen linkin, kun pistää hiiren sen päälle, niin väri vaihtuu ja kun ottaa hiiren pois linkin päältä, niin taas jne...
Eli miten sellasen vois tehä?
Eli miten sellasen vois tehä?
väriä vaihtava linkki?
linkkimi
5453
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 5
Vanhimmat
Lisää tyyliohjeeseesi (CSS-koodiin) esimerkiksi seuraava:
:link:hover, :visited:hover {
color: #c00;
background: #fff; }
Tällöin väri palaa alkuperäiseksi, kun viet "hiiren pois linkin päältä", oikeammin sanottuna viet osoittimen pois linkin alueelta (yleensä hiirtä liikuttamalla).
Jos jostain oudosta syystä haluat, että linkin väri tällöin muuttuukin joksikin kolmanneksi (hauska jäynä?), tarvitset JavaScriptiä, käytännössä onmouseover- ja onmouseout-määritteiden avulla.
sentään.....
jos vähän viitsii naputtaa niin tekee sitten useamman luokan a-elementille...
a.weblinkki: hover
---- jotain ----
a.weblinkki_akt: active
--- jotain ---
a.weblinkki::visited
--- jotain ---
ja vaihtaa tarpeen vaatiessa linkin luokan
Miten luokat auttaisivat asiaa?
Kysymyshän oli siitä, että linkillä on jokin väri alkutilanteessa, osoittimen ollessa sen alueella jokin muu väri (helppo tehdä CSS:llä, joskin tämä on vielä helpompi tehdä tavalla tai toisella väärin) ja sitten osoittimen poistuttua alueelta vielä jokin kolmas väri. Sellainen ei tunnu järkevältä, mutta ehkä siihen on joskus jokin syy, ja kirjoitin siis, että se ei onnistu CSS:llä.
Jos olet eri mieltä, kerro toki, miten sen saisit aikaan. Luokat eivät auta, vielä vähemmän se, että käyttää syntaktisesti väärää CSS-koodia kuten naputelmassasi. Eikä :active-pseudoluokka, jota luultavasti tarkoitit keskimmäisessä katkelmanpalasessa, sekään auta mitään – eihän osoittimen vieminen linkin alueelle tai pois sieltä muuta elementtiä aktiiviseksi.
Voit osoittaa olevasi oikeassa esittämällä sellaisen sivun URLin, jolla asia on tehty CSS:llä.
määrität normaalit tyylit css -tiedostossa tagille a ja värinvaihdon tagille a:hover
Esimerkiksi:
a {
color:#000; /* Musta */
}
a:hover {
color:#F00; /* Punainen */
}
http://www.dynamicdrive.com/dynamicindex5/rainbow.htm