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

• #2209 Sk8erPeter nagyúr ahetaton #2208

  Új Válasz 2013-05-17 15:13:28 #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