väriä vaihtava linkki?

linkkimi

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ä?

5

438

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • 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.

      • no ei nyt.....

        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


      • no ei nyt..... kirjoitti:

        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 */
      }

    • tirve

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Saisinpa halata sinua joka päivä

      ja kertoa miten paljon sinusta välitän. Vaikka olisi jommalla kummalla huono päivä, väsynyt päivä tai kiireinen päivä, a
      Ikävä
      64
      7084
    2. Nykymiehet odottaa, että nainen lähestyy?

      Perus luonnonlaki menee päinvastoin! Oletko nähnyt luontodokkaria jossa naaraat juoksee uroksien perässä??? 🦁🫎🦍🐒🦦�
      Ikävä
      232
      5833
    3. Me työeläkeläiset äänestämme SDP:tä

      SDP on luonut koko työeläkejärjestelmän, jonka hedelmistä saamme nyt nauttia. Kansaneläkelaitos on Maalaisliiton tekele,
      Maailman menoa
      74
      4555
    4. Kolmen tuiki tavallisen demariahdistelijan nimet julki

      Nyt tiedetään ketkä kolme oli niissä niin tavanomaisissa demarin jokapäiväisissä askareissa avustajia ahdistelemassa. K
      Maailman menoa
      106
      3792
    5. Sannahan laski sähkön ALV:n 10 prosenttiin, Riikka runnoi 25,5 %:iin

      Tässäkin nähdään kumpi on Suomen kansan puolella, ja kumpi omaa vastaan. Putinistipersuille Suomen kansa tulee aina vii
      Maailman menoa
      74
      2956
    6. Eikö tunnukin kamalalta, kun en

      anna periksi vaikka parhaasi olet tehnyt antaaksesi täystyrmäyksen? Ja kyllähän minä monta iskua olen saanut ja maannut
      Ikävä
      66
      2917
    7. Kansalaispalkka ja maksuton joukkoliikenne

      Noilla pienillä parannuksilla saadaan Suomesta taas hitusen parempi paikka peruskansalaiselle, joka elää ekologisesti ja
      Maailman menoa
      119
      2620
    8. SDP:n selitykset ontuu pahasti - "On käsitelty heti, mutta kukaan ei tiedä"

      Kokoomuslaiset pistää taas demareita nippuun. Tuppuraisen mukaan mukaan SDP:n useat ahdistelutapaukset on käsitelty het
      Maailman menoa
      25
      2083
    9. Antti Lindtman: "Ainahan kaikenlaisia huhuja liikkuu"

      Näin hän siis vastaa SDP:n häirintäkohuun, väistelee vastuutaan Juttuhan on niin, että Lindtman ja Tuppurainen on tasan
      Maailman menoa
      62
      1937
    10. Muistattekos kun kaupassa piti pyytää tavarat myyjältä

      Edes kahvipakettia ei saanut itse valita, vaan myyjä nouti sen hyllystä tiskille. Jos osti jauhelihaa, niin se jauhettii
      Maailman menoa
      255
      1831
    Aihe