Desarrollo Web Publicado por el

jDigiClock, inserta el reloj de HTC Hero en tu web

El widget de reloj de los smartphones HTC suelen ser bastante atractivos, y ahora es posible insertarlos en tu sitio web o aplicación web mediante el plugin de jQuery llamado...

El widget de reloj de los smartphones HTC suelen ser bastante atractivos, y ahora es posible insertarlos en tu sitio web o aplicación web mediante el plugin de jQuery llamado jDigiClock.

Este plugin de reloj para tu sitio web inspirado en el widget del reloj del HTC Hero , se inserta dentro del código HTML de la siguiente manera:

1.- Descarga la libreria jDigiClock

2.- Incluye la biblioteca jQuery, la libreria javascript y el CSS de jDigiClock dentro de la etiqueta <head> en el documento 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>

3.- Añade el siguiente código dentro de la etiqueta <head> del documento HTML

<script type=”text/javascript”> $(document).ready(function() { $(‘#digiclock’).jdigiclock({ // Configuration goes here }); }); </script>

4.- Añada el siguiente código dentro del <body> en donde quieras que aparezca el reloj jDigiClock

<div id=”digiclock”> </ div>

Para poder controlar el aspecto y el comportamiento del reloj digital jDigiClock tienen las siguientes opciones:

Property Type Default Description
clockImagesPath string “images/clock/” Ruta de imagen del reloj.
weatherImagesPath string “images/weather/” Ruta de imagen del tiempo.
am_pm boolean false Especificación de opción de tiempo am/pm
weatherLocationCode string “EUR|BG|BU002|BOURGAS” Código de ubicación
weatherMetric string “C” Especifica el tipo de medición del tiempo: °C o °F.
weatherUpdate integer 0 Actualización del tiempo por  minutos.
proxyType string “php” Especifica el tipo de proxy ASP o PHP

 

 

 

 

 

Enlace: JDigiClock

Comentarios

Últimas noticias en WebAdictos