JQuery – плагин часов как в смартфонах



Хороший плагин, чудесного фреймворка JQuery. Плагин называется xdRetroClock.
Возможности у часов скромные: можно отключить показ минут, часов, секунд, установить небольшое смещение по времени или ускорить анимацию.

Скачать можно тут.

Добавим в страницу:

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.xdretroclock.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.xdretroclock.css" />

и div элемент:

<div id="retroclockbox1"></div>

инициализируем xdretroclock:

$(function(){
	$('#retroclockbox1').xdretroclock();
})

Настройки

Убираем часы, минуты или секунды

$(function(){
	$('#retroclockbox1').xdretroclock({showHour:false,showMinute:false,showSecond:true});
})

смещение по часам

$(function(){
	$('#retroclockbox3').xdretroclock({tzoneOffset:3,showSecond:false});
})

скорость анимации смены цифры (умножив на 6 должно быть меньше, чем на 1000) по умолчанию 100

$(function(){
	$('#retroclockbox5').xdretroclock({speedFlip:50});
})

установить свое время

$(function(){
	$('#retroclockbox6').xdretroclock({time:function(){
		return new Date('5.10.2012 12:34:23');
	}});
})
Возврат % от покупок

Другие публикации:



Написать комментарий через:

 
               
  • Локальный блог
  •  
 

Ваш отзыв

Имя *

Почта (скрыта) *

Сайт

Напишите цифрами двa вoceмь двa *

Сообщение

 
Статусы для соц.сетей на ArtKiev Design Studio