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