Hi Ali,

This is a common mistake with scriptaculous, when launching an effect
(mouseout or mouseover), you did not verify if there is the opposite
effect in execution.
So both effect will launch concurrently and it's fliker !!

To see that this is the problem, wait some time to mouseover /
mouseout the element, and the problem did not appear.

You could use the queue to handle that or withcallbacks.


On 21 sep, 19:06, ali <aliboswo...@gmail.com> wrote:
> I am having trouble with an animation, and I am hoping that someone
> can help me out.
> I have one box that triggers a mouseover event.observe event when you
> move your mouse over it.
> When this mouseover occurs, I want to have another box (which is
> absolutely positioned) "appear", while also moving up slightly.  When
> you 'mouseout' the second box "fade's" out.
> Obviously, after the above animation, the second box is positioned
> slightly higher than it was positioned initially.
> I thought that I could use .setStyle  to always 'reset' the second
> boxes position right before it animates, but this is not working
> consistently.
> It works fine if you leave your mouse 'off' the first box for at least
> 5 seconds, but if you  trigger the mouseover quickly within a few
> seconds it doesn't 'reset' the position and it flickers.
> Here is a bare-bones example:
> http://dl.getdropbox.com/u/128280/prototype-test.html
> I am having this trouble in both FF 3.5 and Safari 4.
> Thanks!
You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to 
For more options, visit this group at 

Reply via email to