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

607

Äänestä

    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

      • harrastelijakirurgi

        saatko tästä mitään irti:

        "

        "

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

      • harrastelijakirurgi
        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
        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" /

      • sfinski80
        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ä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Oletko tyytyväinen viime tapaamiseemme?

      Vai toivoitko sen menevän toisella tavalla? Miten?
      Ikävä
      72
      3093

    2. Nyt se sit loppuu

      Et ei enää nähdä ja yhteyttä pidetä.
      Ikävä
      57
      2788

    3. Kuoleman pelko katosi

      Olen pelännyt koko elämän ajan kuolemaa mutta yhtäkkiä kun hindut paljastivat totuuksia uskonnoista noin aloin yhtäkkiä
      Hindulaisuus
      432
      2375

    4. Viikonloppu terveiset kaivatulle

      tähän alas ⬇️⬇️⬇️
      Ikävä
      79
      2208

    5. Myötähäpeä kun näkee sut,

      tekisit jotain ittelles. Ihan hyvällä tämä!
      Ikävä
      60
      2023

    6. Jos sitä keittelis teetä

      Ja miettis mitä mies siellä jossain touhuilee... ☕️
      Ikävä
      95
      2016

    7. Huomenta ........

      Huomenta 💗 Tiedän, että tuntuisit hyvälle.
      Ikävä
      12
      1606

    8. Kuhmolainen on selvästi kepun lehti

      Kuhmolaise etukannessa oli Kuva kun Jaskalle annettiin karhu patsas.mutta kukmolaislehti oli niin kepulainen että Jaskan
      Kuhmo
      17
      1567

    9. Ei mun tunteet

      ole mihinkään kadonnut. Enkä mä sua inhoa tai ole kyllästynyt. Mä ymmärsin, ettet ole kiinnostunut minusta, ainakaan sil
      Ikävä
      30
      1410

    10. Mitä nämä palautteet palstalla ovat?

      Joku uusi toimintatapa rohkaista kirjoittajia vai mistä on kyse?
      Ikävä
      35
      1398
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt