регистрация
856материалов
3263комментария
230тем на форуме
6747пользователей

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

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

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


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