juil
22
2010
developpement // javascript

JQuery Horloge Meteo style HTC

Author An article by admin    Comments No Comments

Voilà une petite librairie sympathique qui vous permettra de styliser votre horloge à la mode HTC.

Horloge numérique HTC HERO style

Horloge numérique HTC HERO style

Pour l’utiliser rien de plus simple :

Tout d’abord on importe les librairies javascripts et les CSS utiles dans la partie head:

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>

Ensuite on appel la méthode jdigiclock sur un élément du DOM :

1
2
3
4
5
6
$(document).ready(function() {
   $('#digiclock').jdigiclock({
      // Les options de configuration viennent ici
      weatherLocationCode :"EUR|FR|FR012|PARIS"
   });
});

Vous pourrez trouver toutes les options de configuration et la librairie à l’adresse : radoslavdimov
Il ne vous reste plus qu’à personnaliser vos options et à modifier le javascript pour traduire les éléments de texte.

Demo

Demo

Mots-clefs :, , , , ,

About the Author: Jonathan S

Leave a comment