juil 17
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:
Article.

Article.

Twitter ce post
juin 03
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
jan 31
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
jan 26
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