annuaire webmsters

Horloge HTML CSS

| 25 février 2010 | More

La ressource d’aujourd’hui permet d’afficher une horloge numérique et ou analogique sur votre site web. L’originalité vient du fait qu’elle offre une animation digne d’un composant flash et que HTML Clocks n’utilise que Javascript et CSS Rotation.

Vous ne trouverez aucun code Flash, aucune référence à « canvas ». HTML Clocks fonctionne en « embarquant » les images qui sont affichées ou non via un « DIV » et un « { overflow: hidden } ». La rotation est gérée via un JavaScript qui utilise la propriété « transform » de CSS.

C’est d’ailleurs la limite de ce script. En effet, IE ne sait pas gérer cette propriété… Mais HTML Clocks est compatible avec FF, Safari et Google Chrome. Dans mon navigateur Opera, le script affichait une horloge inanimé comme sous IE.

Site Internet : HTML Clocks
Licence : Gratuit

Tags: ,

Category: Calendrier Date Heure, Composants

Commentaires (3) - DoFollow

Trackback URL | Comments RSS Feed

  1. Arcanod dit :

    Amusant, mais je ne vois pas bien l’intérêt d’un tel gadget.
    Quant à Opera, il devrait supporter la propriété Transform dans sa toute prochaine version :) .

  2. myrmex dit :

    Arf ! J’avoue que j’adore ce genre d’exercice/réalisation… à mon avis… tout simplement géniale… ;-)

  3. med dit :

    je veu avoir un liens pour télécharger la source stp!!

Ajouter un commentaire