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

646

    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. Suomen kansa haluaa Antti Lindtmanista pääministerin

      Lindtman on miltei tuplasti suositumpi kuin etunimikaimansa Kaikkonen. Näin kertoo porvarimedian teettämä kysely. http
      Maailman menoa
      249
      4514
    2. Vain 21% kannattaa Lindtmania pääministeriksi

      se on selvästi vähemmän kuin puolueen kannatus, mites nyt noin?
      Maailman menoa
      123
      2949
    3. Miten löydän sinut

      Ja saan sanottua kaiken mitä haluan sinulle kertoa? Ja kuinka kuuntelisit minua sen hetken? Kuinka voin ilmaista sen mit
      Ikävä
      41
      2712
    4. Yöllinen autolla kaahari Heinolan seudulla

      Asukkaita häiriköivän nuoren herran autokaahaus keskustelu poistettu, onko jokin hyvävelijärjestelmä käytössä ?
      Heinola
      74
      1700
    5. Vaikea tilanne

      Hieman kolkuttaa omatuntoa, kun on osoittanut kiinnostusta väärää naista kohtaan. En ymmärrä miten toinen on voinut te
      Ikävä
      105
      1543
    6. Jouluksi miettimistä: kuka tai mikä valmistaa rahan?

      Nyt kun on ollut vääntöä rahasta ja eritoten sen vähyydestä, niin olisi syytä uida rahan alkulähteille, eli mistä se syn
      Maailman menoa
      16
      1431
    7. Milloin kaivatullasi

      .. on nimipäivä?
      Ikävä
      51
      1271
    8. Kehtaisitko näyttäytyä

      kaivattusi seurassa?
      Ikävä
      92
      1206
    9. Julkinen sektori on elänyt aivan liian leveästi yli varojensa!

      Viimeisen 15 vuoden aikana julkisen puolen palkat ovat nousseet n. 40%, kun taas yksitysellä sektorilla vain n. 20%. En
      Maailman menoa
      201
      1065
    10. Missä kunnassa kaivattusi asuu

      Kuinka tarkkaa uskalla sanoa?
      Ikävä
      47
      1045
    Aihe