Хаки и Скрипты Next Generation CMS : Время, дата, календарь, Интерфейс : Красочные часы с помощью CSS и JQuery

irbees2008 Опубликовано - 5 - октября Время, дата, календарь

Адаптировал: irbees2008
Источник:
Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
Демо:

Сегодня воспользуемся JQuery плагином tzineClock.
Для начала
1.Скачиваем архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,распаковываем и заливаем в папку с шаблоном.
2.В хеад подключаем стиль и скрипты необходимые для работы часов:

Код:

1<link rel="stylesheet" type="text/css" href="css/jquery.tzineClock.css" />
2<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
3<script type="text/javascript" src="{tpl_url}/js/jquery.tzineClock.js"></script>
4<script type="text/javascript" src="{tpl_url}/js/script.js"></script>

3.Добавляем блок в котором будут отображаться часы:

Код:

`1`	`<div` `id="fancyClock"></div>`

Вот и все пользуемся

Можешь почитать и вот эту статейку " CSS3 и jQuery эффект при наведении на картинку"

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.