                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery基礎(四)—動畫篇

為什么下拉的動畫（也就是動畫1）停不下來呢？

<!DOCTYPE?html>
<html>
<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<title></title>
????<style>
????p?{
????????color:?red;
????}
????
????div?{
????????width:?200px;
????????height:?100px;
????????background-color:?yellow;
????????color:?red;
????}
????a{
????????display:?block
????}
????</style>
????<script?src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
????<h2>stop</h2>
????<p>慕課網,專注分享</p>
????<div?id="aaron">內部動畫</div>
????<input?id="exec"?type="button"?value="執行動畫"><br?/><br?/>
????點擊觀察動畫效果：
????<select?id="animation">
????????<option?value="1">stop()</option>
????????<option?value="2">stop(true)</option>
????????<option?value="3">stop(true,true)</option>
????</select>
????<a></a>
????<input?id="stop"?type="button"?value="停止動畫">
????<script?type="text/javascript">
????//點擊執行動畫
????$("#exec").click(function(){
????????$("#aaron").animate({
????????????height:?300
????????},?2000)
????????$("#aaron").animate({
????????????width:?300
????????},?5000)
????????$("#aaron").animate({
????????????opacity:?0.6
????????},?2000)
????})
????$("#stop").click(function()?{
????????var?v?=?$("#animation").val();
????????var?$aaron?=?$("#aaron");
????????if?(v?==?"1")?{
????????????//當前當前動畫
????????????$aaron.stop()
????????}?else?if?(v?==?"2")?{
????????????//停止所以隊列
????????????$aaron.stop(true)
????????}?else?if?(v?==?"3")?{
????????????//停止動畫，直接跳到當前動畫的結束
????????????$aaron.stop(true,true)
????????}?
????});
????</script>
</body>
</html>