stop和finish停止运动

CSS

<style type="text/css">    
*{    
padding: 0;    
margin: 0;    
}    
#pao{    
position: absolute;    
width: 400px;    
height: 400px;    
top: 100px;    
left: 0;    
}    
</style>

JQUERY

	<script src="jquery-1.11.3.min.js.js" type="text/javascript"></script>    
	<script type="text/javascript">    
	$(function(){    
	$('#dd').click(function(){    
	$('#pao').animate({'left':'600px'},5000);    
	})    
	$('#stop').click(function(){    
//	stop()是停止元素身上正在执行的动画,(说停马上停)    
	$('#pao').stop();    
	})    
	$('#finish').click(function(){    
//	finish会停止动画，并且将元素的状态变为运动的最终指定的状态（简单理解：跑完到原来指定的终点再停）    
	$('#pao').finish();    
	})    
	})    
	</script>

HTML

<input type="button" name="dd" id="dd" value="来点我呀" />    
<input type="button" name="stop" id="stop" value="stop停止" />    
<input type="button" name="finish" id="finish" value="finish停止" />    
<img src="e01.gif" id="pao"/>

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知