Some input regarding Dojo (smooth css change on mouseover)
Posted
by Andy Walpole
on Stack Overflow
See other posts from Stack Overflow
or by Andy Walpole
Published on 2010-04-13T16:48:17Z
Indexed on
2010/04/13
16:53 UTC
Read the original article
Hit count: 234
dojo
I've been playing around with Dojo over 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": "right center",
});
});
You can see it in action in the right hand side menu: http://www.mechanic-one.suburban-glory.com/
I'm trying to work out the best of way of giving it a smooth transition between the two states... I've been looking on the Dojo documentation page but I'm not sure what is the best way of approaching it.
© Stack Overflow or respective owner
