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

• #4927 Sk8erPeter nagyúr adam_ #4920

  Új Válasz 2015-02-23 11:28:03 #4927

  Ú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 adam_ #4920 üzenetére

  Ez nagyon egyszerű, a :hover részhez még hozzáadsz egy osztályt is, amire ugyanezek a tulajdonságok érvényesek (vesszővel elválasztva, pl. .skill_line:hover, .skill_line_hovered { /*...*/ }, itt a skill_line_hovered osztály az új), majd ezt az osztályt hozzáadod JavaScripttel, ettől elindul az animáció, majd leveszed az osztályt, amikor azt szeretnéd, hogy visszacsússzon eredeti állapotába.
  Tessék:
  https://jsfiddle.net/8ndwnb2b/1/

  Amúgy volt egy csöpp hiba a CSS-kódodban:
  -webkit-transition: width 2s;
  For Safari 3.1 to 6.0 -ms-transition: width 2s;
  Ez a For Safari 3.1 to 6.0 nyilván komment akart lenni, de nem működő kód lett belőle.

  Az eredeti JS-kódban a scrollozással kapcsolatos résznek meg nem sok értelme volt.

  (#4924) D4nY:
  Itt van egy nagyon egyszerű dialógusablakot felpattintó kód a jQuery UI felhasználásával:
  http://jqueryui.com/dialog/#modal-confirmation
  Ha elakadsz, segítünk.

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