Les nouveaux tutoriels JavaScript [3]

Utiliser la balise canvas et les méthodes graphiques (script)
Cette page présente les méthodes graphiques offertes par la balise canvas et le contexte 2D (getContext()) pour tracer des figures géometriques, lignes, courbes, cercles.

Source: PJC | Posté le 14/03/2010

Utiliser la méthode delay() de jQuery (script)
Cette page présente un exemple d'utilisation de la méthode delay(), une fonction jQuery implémentée depuis la version 1.4. Un moyen de retarder et programmer certaines de vos animations de façon simple et lég

Source: PJC | Posté le 13/03/2010 | Tags : scripts jQuery

S'initier à la mise en place d'un carrousel d'images avec jQuery (script)
Cette page a pour but de vous initier pas à pas à la mise en place d'un carrousel d'images et de stopper le processus d'une animation en cours d'exécution.

Source: PJC | Posté le 06/03/2010 | Tags : scripts jQuery

Réaliser un compte à rebours avec redirection automatique avec jQuery (script)
Au chargement de la page s'affiche un compte à rebours de 9 secondes à l'issue duquel vous serez automatiquement redirigé vers la page que vous aurez sélectionnée.

Source: PJC | Posté le 04/03/2010 | Tags : scripts jQuery

Mettre du texte en surbrillance et le réutiliser avec jQuery (script)
Cette page propose un script en jQuery de quelques lignes relatif à la manipulation de texte. Sélectionnez un ou plusieurs mots pour les mettre en surbrillance...

Source: PJC | Posté le 02/03/2010 | Tags : scripts jQuery

Créer facilement un menu horizontal avec slide d'images (script)
Une quinzaine de lignes de code en jQuery vous permettront de mettre en oeuvre un menu horizontal composé d'images avec un effet de slide sur la sélection. Aucun ajout de plugin n'est requis. jQuery, CSS et c'est tout !

Source: PJC | Posté le 28/02/2010 | Tags : scripts jQuery

Présenter la rotation d'un cube en 3D avec images sur les faces avec jQuery (script)
L'effet 3D est produit par le découpage de chaque image des faces du cube en segments redimensionnés selon leur distance par rapport au centre de l'animation durant la rotation.

Source: PJC | Posté le 26/02/2010 | Tags : scripts jQuery

Effectuer une rotation d'images compatible tous navigateurs avec jQuery (script)
Script jquery pour gérer la compatibilité entre les navigateurs au sujet de la rotation d'images.

Source: PJC | Posté le 24/02/2010 | Tags : scripts jQuery

Implémenter un texte vertical avec une classe CSS et jQuery (script)
Au chargement de la page, une balise p contenant un texte adhère à une classe et effectue une rotation de 90° pour la rendre verticale. Au survol du texte, il reprend sa position initiale.

Source: PJC | Posté le 23/02/2010 | Tags : scripts jQuery

Produire le reflet d'une image avec jQuery (script)
Ce script permet de produire le reflet des images de votre site. Les méthodes sont très différentes selon s'il s'agit d'Internet Explorer ou Firefox...

Source: PJC | Posté le 23/02/2010 | Tags : scripts jQuery

Appliquer un effet d'ombre sur un élement au survol de la souris (script)
Ce script très court pour permet d'appliquer un effet d'ombre au survol de la souris avec adaptation automatique de la couleur de fond.

Source: PJC | Posté le 21/02/2010 | Tags : scripts jQuery

Créer des animations et superpositions d'éléments du DOM avec jQuery (script)
Cette page animée propose de jouer avec l'attribut CSS z-index et les méthodes jQuery fadeOut et fadeIn.

Source: PJC | Posté le 21/02/2010 | Tags : scripts jQuery

Produire un effet de transition de couleur avec jQuery (script)
Ce simple script jQuery de deux lignes permet de produire un effet de transition de couleur sur un arrière-plan.

Source: PJC | Posté le 16/02/2010 | Tags : scripts jQuery

Zoomer sur les images de votre site en un seul clic (script)
Quelques lignes de jQuery placées entre les balises d'entête et toutes vos images seront cliquables pour faire apparaître un agrandissement.

Source: PJC | Posté le 15/02/2010 | Tags : scripts jQuery

Créer des coins arrondis sur ses divs (script)
Chacun connaît l'attribut CSS border-radius permettant à une div d'arrondir ses coins mais malheureusement Internet Explorer n'en veut pas. Un script permet pourtant d'émuler l'attribut que IE refuse de prendre en compte.

Source: PJC | Posté le 12/02/2010 | Tags : scripts jQuery