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

622

    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. Ikävöin sinua kokoyön!

      En halua odottaa, että voisin näyttää sinulle kuinka paljon rakastan sinua. Toivon, että uskot, että olen varsin hullun
      Ikävä
      61
      4418
    2. KALAJOEN UIMAVALVONTA

      https://www.kalajokiseutu.fi/artikkeli/ei-tulisi-mieleenkaan-jattaa-pienta-yksinaan-hiekkasarkkien-valvomattomalla-uimar
      Kalajoki
      152
      3261
    3. Jos sinä olisit pyrkimässä elämääni takaisin

      Arvelisin sen johtuvan siitä, että olisit taas polttanut jonkun sillan takanasi. Ei taida löytyä enää kyliltä naista, jo
      Tunteet
      49
      2544
    4. Kadonnut poika hukkunut lietteeseen mitä kalajoella nyt on?

      Jätelautta ajautunut merelle ja lapsi uponnut jätelautan alle?
      Kalajoki
      53
      2524
    5. Hukkuneet pojat kalajoella pakolaisia?

      Eivät osanneet suomea nimittäin.
      Maailman menoa
      110
      2235
    6. Älä mahdollisesti ota itseesi

      En voinut tietää. Sitäpaitsi.. niin
      Ikävä
      24
      1893
    7. Joku hukkui Hyrynsalmella?

      Oliko mökkiläinen taas?
      Hyrynsalmi
      23
      1662
    8. Ota nainen yhteyttä ja tee Tikusta asiaa?

      Niin sitten minä teen Takusta asiaa.
      Ikävä
      30
      1626
    9. Mitä sinä mietit

      Mies?
      Ikävä
      169
      1530
    10. Metsästysmökki

      Metsästyskortti saapui. Lisäksi metsästysmökki varata!
      Kuhmo
      36
      1265
    Aihe