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,我们将及时处理。