Hirdetés

  2. Fórumok
  3. Szoftverfejlesztés
  4. jQuery topic

Új hozzászólás Aktív témák

  • #2209 Sk8erPeter nagyúr ahetaton #2208
    Új Válasz #2209
    Új hozzászólás
    Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra
    Privát üzenet küldése

    Sk8erPeter

    nagyúr

    válasz ahetaton #2208 üzenetére

    Itt MINDEN div hover állapotát módosítod JS-sel, nem csak azokat, amik a fantáziadús "div" class-névvel vannak ellátva. Ha utóbbit szeretnéd, akkor a selectorod $('div') helyett legyen $('.div').

    $('div').hover(
    function () {
    $(this).css({"background-color":"red"});
    },
    function () {
    $(this).css({"background-color":"blue"});
    }
    );

    ez pontosan megfelel ennek a CSS-kódnak:

    div {
    background-color:blue;
    }
    div:hover {
    background-color:red;
    }

    Amit CSS-ben meg lehet oldani, azt soha NE JavaScripttel oldd meg! Ezenkívül kerüld az inline style-attribútum használatát, tehát a HTML-kódod csak ennyi legyen (nincs style-attribútum):
    <p>Move mouse on any square below to see the result:</p>
    <div class="akarmi"></div>
    <div class="akarmi"></div>
    <div class="akarmi"></div>
    Éppen ezért ha pl. háttérszínekről és hasonló stílusmódosításokról van szó (amit CSS-sel meg lehet oldani), akkor érdemes inkább csak class-okat hozzáadni és elvenni adott elemektől, de egyébként mindent CSS-ben megadni.

    Ha pedig azt szeretnéd, hogy változzon egy másik div, ha egy adott div föléviszed az egeret, pl. adj id-t a forrás- és céldivnek, és valahogy így módosítsd (itt láthatod, hogy csak class-t adok hozzá, ill. veszek el):

    http://jsfiddle.net/CeGXU/1/

    Ha valamelyik része nem tiszta, kérdezz vissza nyugodtan.

Új hozzászólás Aktív témák