Java ja CSS

avutonko

Apua!
Miten toteutan tälläisen:
Minulla on linkkinapit (kuvat) miten saan sen vaihtamaan väriä, kun laitan hiiren sen päälle tai klikkaan sitä?
Ymmärrän sen verran, että pitää tehdä kaksi eriväristä nappia. Mitä sitten?
Javascriptiä, mutta miten se toimii. Löysin kyllä niitä valmiita koodejakin... Mutta onko neuvoja avuttomalle?

5

574

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • avutonko

      Voisiko joku auttaa, minua?

      Minulla on tälläinen koodi:
      var kuva1 = new Image(nappula-kauppa.jpg), Tuleeko tähän vain pelkkä kuvan nimi vai polku myös?
      kuva2 = new Image(nappula-kauppa-pun.jpg); Tuleeko tähän se toisenvärinen kuva?

      kuva1.src = "G:\kotisivu\sivuston-kuvat\nappula-kauppa.jpg";
      kuva2.src = "G:\kotisivu\sivuston-kuvat\nappula-kauppa-pun.jpg"; Onko nämä oikein merkitty?


      img
      src="G:\kotisivu\sivuston-kuvat\nappula-kauppa.jpg" Onko tämä kuva se alkuperäinen?
      alt="Kauppaan"
      width="124"
      height="64"
      onmouseover="if (document.images) {this.src=kuva2.src}" Mitkä kuvat tähän laitetaan ja mihin muotoon?
      onmouseout="if (document.images) {this.src=kuva1.src}"/tuleeko näihin 2 kuvaa/rivi

      • saatko tästä mitään irti:

        "

        "

        katotaas näkyykö nyt kun laitoin noi lainausmerkit kummankin puolen.


      • harrastelijakirurgi kirjoitti:

        saatko tästä mitään irti:

        "

        "

        katotaas näkyykö nyt kun laitoin noi lainausmerkit kummankin puolen.

        ei vaan onnistunut: kokeillaas näin, väkäset puuttuu alusta ja lopusta.

        body onload="MM_preloadImages('images/otsikko2.jpg')"
        a href="1.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','images/otsikko2.jpg',1)">


      • harrastelijakirurgi kirjoitti:

        ei vaan onnistunut: kokeillaas näin, väkäset puuttuu alusta ja lopusta.

        body onload="MM_preloadImages('images/otsikko2.jpg')"
        a href="1.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','images/otsikko2.jpg',1)">

        img src="images/otsikko1.jpg" name="Image1" width="365" height="70" border="0" id="Image1" /


      • harrastelijakirurgi kirjoitti:

        img src="images/otsikko1.jpg" name="Image1" width="365" height="70" border="0" id="Image1" /

        Toki javascriptilläkin voi tehdä, mutta saman teko onnistuu kyllä pelkällä css:kin.

        esimerkkejä:
        http://www.cssdrive.com/index.php/examples/exampleitem/jk_cool_css_menu/
        http://www.dynamicdrive.com/style/csslibrary/item/bevel-horizontal-menu/

        Noissa esimerkeissä on muutettu vain väriä kun hiiri on yllä, mutta esimerkiksi hover arvoon voidaan yhtä hyvin vaihtaa kuvaakin. Idean kun hoksaa niin kyllä se siitä.


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

    Luetuimmat keskustelut

    1. Miksi olet riittämätön kaivatullesi?

      Mistä asioista tunnet riittämättömyyden tunnetta kaipaamaasi ihmistä kohtaan? Miksi koet, että et olisi tarpeeksi hänell
      Ikävä
      145
      3116
    2. Kuvaile kaivattusi

      ulkonäköä?
      Ikävä
      108
      2553
    3. Hymysi saa tunteet

      Pintaan❤️ jos et tarkoita niin älä tee sitä
      Ikävä
      51
      2541
    4. Aloitetaan puhtaalta pöydältä

      Mukavaa iltaa mukaville. 😊 ❤️ ⚜️ Minusta ei kaikki täällä tykkää, eikä tarvitsekaan. Kun eivät ymmärrä, niin sitten ei
      Ikävä
      240
      2208
    5. Koulussa opetetaan anaali- ja suuseksiä

      "Kirjassa puhutaan varsin suorasukaisesti ”vehkeistä, flirttailusta, suostumisesta ja kieltäytymisestä, nautinnosta sekä
      Maailman menoa
      479
      1866
    6. Mitkä on ne arvot?

      Itselleni särähtää korvaan joka kerta kun kuulen arvoista ja arvomaailmasta. Olen miettinyt paljon, että mikä on se minu
      Sinkut
      249
      1826
    7. Missä näit kaivattusi

      ekaa kertaa?
      Ikävä
      108
      1820
    8. Tavarakirppis lopettaa ilkivallan takia.

      Tähänkö on jo Kajaanissa tultu? Onko lasten kuriomuus jo näin pitkällä, ei kait tätä aikuiset tee. Mikä on seuraava j
      Kajaani
      9
      1664
    9. Tätä et nähnyt tv:ssä: TTK-voittaja Anssi Heikkilä avautuu suhteesta Linnea Leinoon: "Sie annoit..."

      Menikö voitto mielestäsi oikeaan osoitteeseen? Linnea Leino ja Anssi Heikkilä voittivat TTK:n vain 1,2 % erolla yleisöää
      Tanssii tähtien kanssa
      15
      1597
    10. R.I.P. Kristian Antila

      Entinen huippumaalivahti ja -kiekkoilija menehtyi äkillisesti 44-vuotiaana. Kunnia muistolleen. https://www.iltalehti.fi
      Maailman menoa
      24
      1442
    Aihe