регистрация
856материалов
3324комментария
235тем на форуме
6997пользователей

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

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

1 комментарий


Albina-Danes
Прикольно
avatar
Партнерская программа uKitCPA
Создать сайт вместе с uKit.com
Статистики нашего сайта
Сегодня к нам присоединились: 2 человека
Пользователи и гости сейчас онлайн: 3 Сегодня наш портал посетили: чел
Сейчас на сайте: Dr_mar4uk
Правила чата
Пользователи онлайн
Закрыть мини-чат
+Открыть мини-чат
0
Онлайн всего: 3
Гостей: 2
Пользователей: 1