位移、开始与停止

Original 2018-12-28 11:25:34 173
abstract:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jquery停止动画</title> <script type="text/javascript" src="../jquery-3.3.1.js&

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>jquery停止动画</title>

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

<style>

.box1{

width: 200px;

height: 200px;

position: absolute;

background: blue;

}

</style>


</head>

<body>

<script type="text/javascript">

$(document).ready(function(){

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

$('.box1').animate({left:'+500px',borderRadius:'100px'},3000)

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

$('.box1').animate({width:'400px'})

})

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

$('.box1').stop()

})

})

</script>

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

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

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

</body>

</html>


Correcting teacher:天蓬老师Correction time:2018-12-28 11:31:00
Teacher's summary:作业完成的不错,思考一下,给button绑定事件,除了用jquery外,还有哪些方法?

Release Notes

Popular Entries