jQuery的自定动画stop小结

原创 2018-11-18 16:50:23 116
摘要:<!DOCTYPE html><html><head> <title>jQuery的自定动画效果stop</title> <meta charset="utf-8"> <script type="text/javascript" src="js/jquery-3.3.1.

<!DOCTYPE html>

<html>

<head>

<title>jQuery的自定动画效果stop</title>

<meta charset="utf-8">

<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>

<style type="text/css">

div{width: 200px;height: 200px;background: pink;position: absolute;}

</style>

<script type="text/javascript">

$(document).ready(function(){

$('#right').click(function(){

$('.box1').animate({left:'+1000px'},3000)

$('.box1').animate({fontSize:'30px'},300)

})

$('#stop').click(function(){

$('.box1').stop(true)//默认为false

})

</script>

</head>

<body>

<button id="right">右移</button>

<button id="stop">停止</button>

<div class="box1">php中文网</div>

</body>

</html>


批改老师:天蓬老师批改时间:2018-11-18 17:05:19
老师总结:作业写的不错,合格。再接再厉,加油。。。

发布手记

热门词条