Some input regarding Dojo (smooth css change on mouse)
I've been playing with Dojo for the last couple of days.
The script below changes the background position of the list item when the mouse is over the link.
dojo.query ('a [class = main-menu-link]'). forEach (function (linkTwo) {
dojo.connect(linkTwo, "onmouseover", function(evt) {
dojo.query('#main-menu ul li').forEach(function(linkThree) {
dojo.style(linkThree, {
"backgroundPosition": "center right",
});
});
You can see this in action in the right side menu: http://www.mechanic-one.suburban-glory.com/
I'm trying to find the best way to give it a smooth transition between the two states ... I've looked at the Dojo documentation page, but I'm not sure if this is the best way to approach it.
+2
a source to share
1 answer
Check out Quick Start Animation . You can animate css properties and choose from a selection of existing animation effects and mitigations. Chaining is possible by requiring NodeList-fx .
+3
a source to share