Цифровые часы на чистом CSS и jQuery для uCoz
827материалов
228тем на форуме
3003комментария
6151пользователь

Цифровые часы на чистом 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
Материал просмотрен: 1131 раз
Категория материала: Скрипты для uCoz
К материалу оставлены: 2 комментария

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

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


Albina-Danes
Прикольно
ONLINER
Странно... а у меня не работает...
avatar
Вход через социальные сети
Работа в компании uCoz
uSocial - социальные кнопки
uLike – кнопка «Мне нравится»
Статистики нашего сайта