Je veux ajouter de l'assouplissement à ce script de menu Jover Hover, comment puis-je faire cela?Comment ajouter une accélération à ce script JQuery?
$("#navi_bakery").hover(function(){
$("#navi_bakery img").animate({
paddingTop:"0px"
},100);
},function(){
$("#navi_bakery img").animate({
paddingTop:"17px"
},100);
});
C'est assez facile, il vous suffit de choisir votre méthode d'accélération. Exemple générique:
$(element).animate({
properties: {top: '17px'}
duration: 1000,
easing: 'method',
complete: callback});
méthodes et exemples Easing ici: http://easings.net/
Comment puis-je abréger pour ajouter "EaseInOutExpo" à ce script? – oceanic815
'EaseInOutExpo' ne fonctionnera pas sauf si vous exécutez aussi un plugin qui ajoute des facilités - comme jQueryUI, lié ci-dessous, ou le plugin mentionné sur cette page liée. Comme je l'ai dit dans ma réponse ci-dessous, les seules facilités incluses dans jQuery standard sans plugins supplémentaires sont 'swing' et' linear' (votre site pourrait déjà utiliser jQueryUI, c'est assez commun). Lorsque vous avez ajouté le plugin, ajoutez le nom de l'easing en tant qu'argument après la durée, comme dans la réponse ... – user568458
$("#navi_bakery img").animate({top: 0}, 400, 'swing');
La chaîne à la fin est le type d'assouplissement. Par défaut, il y a swing et linear, jQuery UI et divers autres plugins en ajouter.
Voici une feuille de triche j'ai trouvé. Faire votre recherche. http://easings.net –