javascript - How to stop the incompleted animation while mouse out and then mouse in again in .hover()? -


I'm trying to use. () To hide and show the user mouse in the image.

This is my JS code:

  $ (document) .ready (function () {$ ('# test'). Hover (function () {$ ( Show '(' slide ', {direction:' left '}, 1200);}, function () {$ (' caption '). Hidden (1200)})}}; But if I make the mouse out of the mouse several times faster and faster, the speed of the tag can not be retained with the mouse, and I want to do that when I run again, then what is incomplete animation And call current  

I tried to add a .stop () but then the function can not repeat me again

would anyone Thanks, thanks.

Here is JSFiddle:

< P> Usage Stop (true, true) In Jquery.We can use a lot of linear animations to create a good slide effect without adding common stops (true, true) to the series:
  $ (Document) .ready (Function () {$ ('# test'). Stop (true, true) Show ('slide', {direction: 'left'}, 1200);}, function () {$ ('.coption' ). Stop (true, true) .hide (100)})}};    

Comments

Popular posts from this blog

c - Mpirun hangs when mpi send and recieve is put in a loop -

python - Apply coupon to a customer's subscription based on non-stripe related actions on the site -

java - Unable to get JDBC connection in Spring application to MySQL -