dziudek@jabber.org
Zapoznaliśmy się z podstawowymi efektami biblioteki moo.fx – pora przejść do bardziej zaawansowanych efektów, które będą chyba najbardziej przydatne w praktyce – chodzi mi tutaj o operacje płynnej zmiany szerokości, wysokości i przezroczystości, które dają możliwość rozwijania i zwijania za pomocą jednej funkcji.
O klasie Fx.Transitions już wspominałem przy okazji omawiania klasy Fx.Style . Jednak w pliku moo.fx.js mieliśmy do dyspozycji tylko dwie metody modyfikacji – liniową i „sinusową”, natomiast gdy dołączymy do naszej strony plik moo.fx.transitions.js, dostaniemy do dyspozycji 31 metod.
Jak już pisałem we wstępie - plik moo.fx.js jest "sercem" całej biblioteki moo.fx . Zawiera on 4 klasy:
moo.fx to lekka biblioteka efektów dla stron, oparta o JavaScript. Właściwie można ją traktować jako uproszczoną wersję mootools opartą na lekkiej wersji biblioteki prototype. moo.fx pozwala nam na proste tworzenie ciekawych efektów. Chciałbym opisać te możliwości gdyż nie trafiłem na żaden sensowny polski tutorial na ten temat, a uważam, że biblioteka ta jest warta uwagi ze względu na kompatybilność z popularnymi przeglądarkami – Internet Explorerem, Firefoxem, Operą i Konquerorem. (prawdopodobnie także pod Safari, ale nie mam możliwości przetestowania - prawdopodobnie bo mootools jest kompatybilny z Safari, więc moo.fx też powinno być ;) ). Pod Operą w wersji 8.* i w Konquerorze brak jest obsługi przezroczystości elementów - reszta efektów działa bez zarzutów ;) Dodatkową motywacją do opisania moo.fx był fakt, że niestety na stronie projektu nie znalazłem takiego opisu, a jedynie odniesienia do dokumentacji mootools. I wszystko byłoby dobrze, gdyby nie fakt, że występują pewne różnice pomiędzy moo.fx, a mootools co utrudnia szybkie poznanie obsługi tej biblioteki. Niektóre rzeczy wręcz zostały pominięte, niektóre nie są jeszcze opisane, a część opisów w ogóle nie ma związku z rzeczywistością (na przykład możemy napotkać różniące się nazwami funkcje w klasach).