Example analysis of animate stop () method in jquery _jquery

An example of this article is the animate Stop () method in jquery. Share to everyone for your reference. The specific analysis is as follows:

Here is a video snippet that tells you what the Stop () does:

The code is as follows:

<style type= "Text/css" > 
ul li{width:50px; height:30px background: #333; margin-bottom:10px; color: #fff;} 
</style> 
<ul id= "Flyul" > 
<li>wod a </li> 
<li>wod a </li> 
<li >wod a </li> 
<li>wod a </li> 
<li>wod a </li> 
</ul> 
< Script type= "Text/javascript" src= "js/jquery-1.7.2.min.js" ></script> 
<script type= "text/" JavaScript "> 
$ (' #flyul Li '). MouseEnter (function () { 
$ (this). Stop (). Animate ({
//change this to $ (this). Animate ({Contrast the running effect without stop
width: ' 300px ' 
},1000); 
}); 
$ (' #flyul Li '). MouseLeave (function () { 
$ (this). Stop (). Animate ({
//change this to $ (this). Animate ({ Compare the running effect without stop with
width: ' 50px ' 
},1000); 
</script>

I hope this article will help you with your jquery programming.