jDigiClock — плагин часов и погоды на jQuery

автор: 22 февраля, 2011

jDigiClock — плагин часов и погоды на jQuery
  • Добавить комментарии
  • Печать
  • Добавить в избранные

jDigiClock — интересный плагин, выполненный на jQuery.

Вдохновением для данного плагина стал виджет Hero Clock на HTC.

Плагин может показывать цифровое время и погоду, достаточно удобно настраивается и его легко устанавливать.

Установка

Чтобы запустить плагин jDigiClock, нужно подключить библиотеку jQuery, файл скрипта jDigiClock и файл стилей jDigiClock в тэге <head> вашего HTML документа:

<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>

и добавить следующий код:

<script type="text/javascript">
    $(document).ready(function() {
        $('#digiclock').jdigiclock({
            // Настройка
        });
    });
</script>

В jDigiClock есть множество настроек. Смотрите главу «Настройка»

jDigiClock требует очень простой HTML разметки в вашем документе: 

<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+

Источник: www.radoslavdimov.com

PS. Скоро лето и если вы собираетесь в отпуск, то самое время заказать авиабилеты online. Потом, просто, все билеты разберут.)))

Тэги: , ,

Нет комментариев на “jDigiClock — плагин часов и погоды на jQuery”

добавить комментарий

Написать ответ

» Подписаться на комментарии к этой статье по RSS