2010-04-13 4 views
2

J'ai joué avec Dojo ces derniers jours.Quelques entrées concernant Dojo (changement de css en douceur au passage de la souris)

Le script ci-dessous modifie la position d'arrière-plan de l'élément de liste lorsque la souris survole le lien.

dojo.query ('a [class = menu principal-link]) foreach (fonction (linkTwo). {

dojo.connect(linkTwo, "onmouseover", function(evt) { 

dojo.query('#main-menu ul li').forEach(function(linkThree) { 


dojo.style(linkThree, { 

"backgroundPosition": "centre-droit",

})

}); 

Vous pouvez le voir en action dans le bon menu côté: http://www.mechanic-one.suburban-glory.com/

J'essaie de trouver la meilleure façon de de lui donner une transition en douceur entre les deux états ... I J'ai regardé sur la page de documentation Dojo mais je ne suis pas sûr de la meilleure façon de l'aborder.

+0

Eh bien, avec CSS, vous pouvez fournir des décalages de pixels pour votre arrière-plan. Pixel par pixel, vous serez en mesure de déplacer l'arrière-plan, sur une période de temps, à son lieu de repos, donnant l'animation d'une transition en douceur. Je n'utilise pas Dojo, cependant, je ne suis pas sûr de la meilleure façon de l'implémenter. – erisco

Répondre

3

Consultez le Animation quickstart. Vous pouvez animer les propriétés css et sélectionner un ensemble d'effets d'animation et de raccourcis existants. Le chaînage est possible en exigeant le module NodeList-fx.

Questions connexes