jqClock. Плагин аналоговых часов для jQuery.

Описание

jqClock это плагин JQuery, который может добавить один или несколько виджетов аналоговых часов в страницу. Каждый виджет часов может показать свое время.

Использование


jQuery('#clock').clock({
	size: 150, // Размер виджета. Виджет будет иметь ширину и высоту равную {size} px. По умолчанию 150.http://w3maker.name/wp-admin/post.php?post=182&action=edit
	graduations: 4, // Количество делений на циферблате. Может принимать значения 4, 12 или 0.
	// Если параметр равен нулю - деления показаны не будут. По умолчанию 4.
	date: new Date() // JavaScript Date объект. По умолчанию - текущая дата.
});

Стилизация

jqClock предоставляет следующие CSS классы для стилизации виджета:

  • .jqc-clock-sec span — секундная стрелка часов
  • .jqc-clock-min span — минутная стрелка часов
  • .jqc-clock-hour span — часовая стрелка часов
  • .jqc-drad span — деление циферблата

Совместимость

Плагин написан с использованием CSS3 преобразования rotate() и работает в следующих браузерах:

  • IE 9.0 +
  • Firefox 3.6 +
  • Chrome 17.0 +
  • Android Browser 2.1 +
  • Safari 5.0 +
  • iOS Safari 3.2 +
  • Opera 11.6 +
  • Opera Mobile 11.0 +
Запись опубликована в рубрике JS. Добавьте в закладки постоянную ссылку.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

This blog is kept spam free by WP-SpamFree.