869 jDigiClock — интересный плагин, выполненный на jQuery.
Вдохновением для данного плагина стал виджет Hero Clock на HTC.
Плагин может показывать цифровое время и погоду, достаточно удобно настраивается и его легко устанавливать.
Установка
Чтобы запустить плагин jDigiClock, нужно подключить библиотеку jQuery, файл скрипта jDigiClock и файл стилей jDigiClock в тэге <head> вашего HTML документа:
|
1 2 3 |
<link rel="stylesheet" type="text/css" href="css/jquery.jdigiclock.css" /> <script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="lib/jquery.jdigiclock.js"></script> |
и добавить следующий код:
|
1 2 3 4 5 6 7 |
<script type="text/javascript"> $(document).ready(function() { $('#digiclock').jdigiclock({ // Настройка }); }); </script> |
В jDigiClock есть множество настроек. Смотрите главу «Настройка»
jDigiClock требует очень простой HTML разметки в вашем документе:
|
1 |
<div id="digiclock"></div> |
Настройка
В jDigiClock есть список опций, управляющих внешним видом и поведением плагина:
| Свойство | Тип | По умолчанию | Описание |
|---|---|---|---|
| clockImagesPath | строка | «images/clock/» | Путь до изображений часов |
| weatherImagesPath | строка | «images/weather/» | Путь до изображений погоды |
| am_pm | логический | ложь | Включение AM/PM опции |
| weatherLocationCode | строка | «EUR|BG|BU002|BOURGAS» | Код локации погоды (смотрите: WeatherLocationDatabase.txt). |
| weatherMetric | строка | «C» | Измерение градусов: C или F. |
| weatherUpdate | число | 0 | Обновление погоды в минутах |
| proxyType | строка | «php» | Тип прокси: php или asp |
Совместимость
jDigiClock протестирован в следующих браузерах:
IE 7+ firefox 3.5+ chrome 3.0+ safari 3.0+
