Tekstowy animowany licznik (odometer)

Od czasu do czasu fajnie jest pokazać jakiś licznik, a to klientów, a to czasu do otwarcia. Fajnie by licznik był ładny i robił efekt wow.

Jeśli pasuje nam grafika, lub mamy czas by przygotować sprite do animacji to polecam Apple Style Counter, jeśli nie chcemy się bawić w robienie grafiki dla każdej cyferki to dość łatwo można zrobić licznik przy pomocy CSS i JQuery.

Część graficzną i CSS pozostawiam Tobie bo to zwykle i tak każdy robi po swojemu. Możesz też podejrzeć nasz licznik nauczycieli i uczniów użytkowników naszego edziennika

odometer

Część licząca w JQuery jest dość prosta jak ogarniemy zasady. Oczywiście nie będzie efektu przewracanych kafelków tylko prosta zamiana cyferek, ale dla tak prostego wkładu, uzyskany efekt jest przyjemny dla oka.

 

Dodaj komentarz