DSsys DSsys i skrypty JavaScript są miłe!

(akt. wer. 1.1.1)

Lista funkcji

Kategorie

Składnia

void funkcja DSsys.o.fx ( object elmn , object co [, string szybkosc = 'srednio' [, function funkcja = null [, int krokow = undefined ]]] )

Zmienia płynnie wartości stylów podanych w parametrach.

Kategoria: Obsługa

Lokalizacja: rdzen/o.fx.js

Opis

Zmienia płynnie wartości stylów podanych w parametrach.

info UWAGA!

Funkcja przestarzała.

info UWAGA!

Funkcja korzysta z danych konfiguracyjnych o strukturze (wartości domyślne):

Przykład:

DSsys.konf.o = {
  efekty: {
    szybkosc: {
      bszybko: 14,
      szybko: 28,
      srednio: 54,
      wolno: 108,
      bwolno: 216,
      krokow: 20
    }
  }
};

Parametry

object elmn

Element, który ma być objęty transformacjami.

object co

Obiekt, który definiuje przekształcenia do wykonania.

Struktura:

Przykład:

var co = {
  parametr: wartosc
};

string szybkosc = 'srednio'

Definiuje szybkość z jaką mają zachodzić transformacje.

Dopuszczalny zakres wartości: '','bszybko','szybko','srednio','wolno','bwolno'

Jeżeli zostanie przekazany z wartością: '' powoduje, że zostanie zastosowana wartość z parametrów konfiguracyjnych (DSsys.konf.o.efekty.szybkosc.krokow - domyślnie: 20)

function funkcja = null

Funkcja, która ma się wykonać po wykonaniu animacji.

Na przykład kolejna animacja.

int krokow = undefined

Liczba kroków zachodzenia zmian w transformacji. Domyślnie wg konfiguracji 20 oznacza, że zmiana z 0 do 200 pikseli będzie zachodzić w 20 krokach, czyli co 10 pikseli.

Przykłady

#1 Zmiana szerokości, wysokości i przezroczystości zapisz zapiszZIP

Przykład:

DSsys.start();
DSsys.ladowanie.dodAuto(function() {
  var el = DSsys.o.wezid('przycisk');
  el.onclick = function() {
    DSsys.o.fx(el,{width:'200px',height:'30px',opacity:'0.3'},'');
  };//Zostanie wykonana w ilości kroków ustalonej w: DSsys.konf.o.efekty.szybkosc.krokow
});

HTML:

<input type="button" id="przycisk" value="Zmieniam się!" />

#2 Zmiana wysokości i szerokości, powrót do wartości początkowych i wyświetlenie komunikatu. zapisz zapiszZIP

Przykład:

DSsys.start();
DSsys.ladowanie.dodAuto(function() {
  var el = DSsys.o.wezid('diw');
  el.onclick = function() {
    DSsys.o.fx(el,{width:'500px',height:'50px',lineHeight:'50px'},'srednio',function() {
      DSsys.alert('... I powrót.',function() {
        DSsys.o.fx(el,{width:'250px',height:'100px',lineHeight:'100px'},'',function() {
          DSsys.alert('Zakończono transformację!');
        },60);//60 liczba kroków.
      });
    });
  };
});//Zmieniamy lineHeight, by linia tekstu była na środku w pionie.

HTML:

<div style="width: 250px; height: 100px; background-color: #005500; color: #ffffff; text-align: center; line-height: 100px;" id="diw">Jestem elastycznym Divem! Kliiknij!</div>

Historia

Wersja Zmiana
1.0.4 Wydzielono do osobnego pliku.
1.1.0 Przestarzała.

Aktualna wersja: 1.1.1

* * *
© <^> 2012-2014

Projekt i wykonanie: DrezynSoft


Partner Autorska witryna kolejowa Partner DrezynSoft Partner Fotograficzna galeria krajobrazów Partner FotoStacyjka
Partner SelekTTor Partner Mapy Partner Edytor XML Partner Gry Partner Tłumacz Partner DSsys
Partner MojaMuzyka Partner Kanał Ostródzko-Elbląski w obiektywie <^> Partner Konwerter tekstu

Podstronę załadowano w 0.0172 sekundy.