Bidouilleur

Animate est une fonction de jQuery qui permet d’animer un élément du DOM en modifiant son style (couleur, taille, bordures,police,opacité…etc) dans un temps donné.

Exemple:

1
2
3
4
5
6
7
8
9

    $("#go").click(function(){
      $("#block").animate({
        width: "70%",
        opacity: 0.4,
        marginLeft: "0.6in",
        fontSize: "3em",
        borderWidth: "10px"
      }, 1500 );
    });

Vous pouvez assigner tous les styles de cette liste qui sont quantifiable (px, em, %).

Encore trop peu utilisée elle permet pourtant de donner une vraie valeur ajoutée à une animation JavaScript et ce très simplement.

Voici ci-dessous deux scripts plutôt sympa qui utilisent cette fonction:

• Menu

Article.

• Lever de rideau

Article.

Twitter ce post

En anglais FishEye ou en français Oeil de poisson c’est cet effet qui est utilisé pour le menu de Mac OS.

Ce plugin jQuery nommé jqDock donne un effet  loupe au passage de la souris sur les icônes d’un menu.

Télécharger ce plugin.

Twitter ce post

Reflection est un plugin Jquery qui va vous permettre de générer à la volée un effet de reflet sur vos images. Ce plugin est basé sur le script reflection.js qui est compatible sur de nombreux navigateurs ( Internet Explorer 5.5+, Mozilla Firefox 1.5+, Safari, Google Chrome and Opera 9+)

Effet de reflet avec Jquery

Code :

1

$("#photo1").reflect();

La Documentation , la démonstration et téléchargement sont sur cette page.

Twitter ce post

C’est très simple, rendez vous sur Reflectionmaker.com, et entrez l’ Url  de votre image si elle se trouve sur le Net sinon uploadez la , ensuite réglez la taille de l’effet reflet ainsi que la couleur de fond de l’effet, et enfin cliquez sur « generate »…

Exemple :

Avant :

Après :

Twitter ce post