Цифровий годинник на чистому CSS і jQuery

Дивлячись днями на циферки на лічильнику Лі.ру, в моїй голові несподівано зародилася дуже погана ідея - мені захотілося створити цифровий годинник, які б точно повторювали ті самі циферки з того самого лічильника. Ця ідея ніяк не давала мені спокою, поки я не втілив її в реальність.

Чесно кажучи, я смутно уявляю користь від присутності таких годинників на сайті, але час бездарно витрачено, і не пропадати ж добру, тому викладаю в паблік те, що в мене вийшло. Не виключено ж, що кому-небудь знадобиться.

Приклади

Зробив окрему сторінку з десятком прикладів. Через те, що вони всі на одній сторінці, процесор вашого комп'ютера може трохи напружитися. У другому прикладі я зробив точну копію цифр з лічильника лі.ру.

Як це працює

Годинники працюють повністю на jQuery. Самі ж цифри малюються на чистому CSS (тобто ніяких картинок і ніякого тексту). Кожна цифра складається з 25 блоків, які за допомогою CSS шикуються в квадрат 5 ? 5. Читати далі »

Опубліковано: 29/04/11 @ 12:33
Розділ html та css javascript

SEO Блог