регистрация

Цифровые часы на чистом CSS и jQuery для uCoz


Не много описания:

Цифровые часы на чистом CSS и jQuery для uCoz очень стильно будут смотреться на Вашем сайте. Мы предоставим Вам 10 вариантов часов.

Как это работает?

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

Внимание:

Сразу говорю, что для обратного отсчет такие часы не подойдут и будете отображаться время, которое у Вас на устройстве, например на компьютере 9 часов, то и часы будут показывать 9 часов.

Установка:

Для начала между <head> и </head> вставляем:
Код
<link href="http://webmaster-ucoz.ru/ucoz/1/css/examples.css" rel="stylesheet" type="text/css">
<script src="http://webmaster-ucoz.ru/ucoz/1/js/clock.js" type="text/javascript"></script>

Выбираем вариант часов

Пример №1
Код
<div class="time" id="example1"></div>

Пример №2
Код
<div class="time" id="example2"></div>

Пример №3
Код
<div class="time" id="example3"></div>

Пример №4
Код
<div class="time" id="example4"></div>

Пример №5
Код
<div class="time" id="example5"></div>

Пример №6
Код
<div class="time" id="example6"></div>

Пример №7
Код
<div class="time" id="example7"></div>

Пример №8
Код
<div class="time" id="example8"></div>

Пример №9
Код
<div class="time" id="example9"></div>

Пример №10
Код
<div class="time" id="example10"></div>


Скрипт опубликовал:
...
Логин на сайте: ...
Группа: ...
Статус: ...
Информация о скрипте:
Дата добавления материала: 25.09.2015 в 11:00
Материал просмотрен: 1285 раз
Категория материала: Скрипты для uCoz
К материалу оставлены: 2 комментария

Пожаловаться
Сказать спасибо
Источник

2 комментария


Albina-Danes
Прикольно
ONLINER
Странно... а у меня не работает...
avatar
Создать сайт вместе с uKit.com
uCoz-сообщество в Telegram
Статистики нашего сайта