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...
