The hoverintent plugin won't help, because the "hover event" will only take place after a while when the user hovers the mouse and I can't have that, I need the event to be fired just when the mouse is over, so that plugin is out.
And I though you already knew that I'm using animate() method from interface... I just don't have a clue on how to make this animation work as I want it. I don't need to stop the animation I just need to prevent it from running. I mean, all I want is a nice and "correct" animation, without any loops and no matter how many times I move the mouse over and out, the last animation must be the one corresponding the mouse's last movement. Please someone help me out, I have no Idea to achieve this animation in a coherent fashion. On Aug 12, 12:17 am, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote: > 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...
