mint.fx.Style PDF Drukuj

Prototyp

mint.fx.Style(obj, style, start, end, steps, duration, [OnStep, OnDone]);

Argumenty

  • obj - identyfikator elementu lub element
  • style - nazwa animowanego stylu (bez myślników)
  • start - wartość początkowa stylu; null oznacza pobranie aktualnej wartości
  • end - wartość końcowa stylu
  • steps - ilość kroków animacji
  • duration - czas trwania animacji w milisekundach (1000ms = 1s)
  • OnStep(obj) - funkcja zdarzeniowa wywoływana w każdym kroku animacji
    • obj - animowany element
  • OnDone(obj) - funkcja zdarzeniowa wywoływana po zakończeniu animacji
    • obj - animowany element

Wartość zwracana

Brak

Opis

Animowana zmiana dowolnego styl numerycznego (oprócz kolorów, do animacji których służy funkcja mint.fx.Color). Nazwy styli przekazywane są w postaci JS tzn. bez myślników, przykładowo styl margin-left musi być przekazany jako marginLeft, a border-left-width jako borderLeftWidth (zwróć uwage na duże litery).

Przykład

// animuje lewy margines oraz wysokość czcionki
mint.fx.Style("box", "marginLeft", null, 200, 40, 1000);
mint.fx.Style("box", "fontSize", 0, 36, 40, 1000);
 
« poprzedni artykuł   następny artykuł »