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
Post a Comment