Hi, the demo that is posted was just a way to approach that problem... As i mentioned already, you can use the hoverIntent plugin to approach it as well...
If you are fine to use interface plugin, then you can use interface's animate() method, coz, that allows you to stop animation in between... Hope that helps. -GTG On 8/11/07, Nazgulled <[EMAIL PROTECTED]> wrote: > > > Can anyone help me with this? > > On Aug 10, 8:06 pm, Nazgulled <[EMAIL PROTECTED]> wrote: > > It doesn't really work as expected. Let's say you increase the time it > > takes to do the animation (it's easier to see the problem). You move > > the mouse over, then out and then back over, all this while the first > > "mouse over animation" is being executed. You'll notice that the > > "mouse out" animation will be executed when the "mouse over" animation > > finishes. I mean, yes, I moved hte mouse over and out a few times, but > > the last movement was "mouse over" while the first animation ov "mouse > > over" was being executed, and I don't think that the "mouse out" > > animation should have been executed in this case. Also, sometimes the > > functions stay unbinded for some reason and for them to work again, a > > page refresh is needed... > > > > On Aug 10, 7:25 pm, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote: > > > > > I have put together a demo. > > > > >http://www.gmarwaha.com/test/other/testHoverAnchorInAndOutFast.html > > > > > Have fun, and lemme know if this works for u. > > > > > -GTG > > > > > On 8/10/07, Nazgulled <[EMAIL PROTECTED]> wrote: > > > > > > I think I understood what you said, but I just can't find a way to > > > > code it... Coud you provide me with a simple example on how to do > it? > > > > Let's say I have the following code: > > > > > > $("a#testlink").mouseover(function() { > > > > $("div#testbox").animate({ color: '#000000' }, 1000); > > > > }); > > > > > > $("a#testlink").mouseout(function() { > > > > $("div#testbox").animate({ color: '#ffffff' }, 1000); > > > > }); > > > > > > How would you do it? > > > > > > On Aug 9, 9:31 am, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote: > > > > > there are several ways you can solve this problem... Let me try > and > > > > guide u > > > > > through a couple > > > > > > > 1. There is a plugin called hover > > > > > intent<http://cherne.net/brian/resources/jquery.hoverIntent.html>. > > > > > The primary purpose of this plugin is to stop these kind of > actions on > > > > > unintentional hovers. > > > > > So, you can allow the user to move the mouse over ur link, and > when it > > > > is > > > > > clear that the users intention is to actually use the link, the > hover > > > > event > > > > > is fired. This can solve your problem although, this might not be > what > > > > you > > > > > are looking for. > > > > > > > 2. You can unbind the mouseover event when the animation starts > and in > > > > the > > > > > animation end callback you can bind the handler again. Same can be > done > > > > for > > > > > mouse out as well. This way if the user mouseovers the link, the > unbind > > > > > event happens and the animation starts. During this time if the > user > > > > hovers > > > > > over it again and again, your handler wont be called because you > have > > > > > unbound it already. Once the animation is done, attach the handler > > > > again. > > > > > > > -GTG > > > > > > > On 8/8/07, Nazgulled <[EMAIL PROTECTED]> wrote: > > > > > > > > I'm using the Interface Elements plugin (just the IFX one) to > create > > > > > > some animations in my scripts but I have a little problem. For > better > > > > > > descriptiong of the problem here's a test page: > > > > > > > >http://stuff.nazgulled.net/misc/test/ > > > > > > > > You'll see a link named "TESTE LINK". Please move the mouse over > the > > > > > > link and out a couple of times really quick. > > > > > > > > What happened? The mouseover and mouseout animations were > executed > > > > > > many times has you moved the mouse over and out of the link. > Well, if > > > > > > you move the mouse over, out, over, out, over and out, while the > first > > > > > > animation is still being done, I want this to be only done once > and > > > > > > not repeatedly. Basically the animation over and out would be > done > > > > > > just once. > > > > > > > > Do you understand what I'm saying? I hope so... > >
