摘要：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
div{width: 100px;height: 100px;background-color:blue; position: absolute; margin: 0px ;}
</style>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var c=1;
$('.start').click(function(){
$('.but').animate({ left:'500px',
top:'500px',
opacity:'0.5'
},3000)
})
$('.stop').click(function(){
$('.but').stop();
})
switch(c){
case 1:
$('.but').click(function(){
$('.but').animate({
left:'500px',
top:'500px',
opacity:'0.5'
},3000); })
c++;
break;
case 2:
/*$(".but").unbind();*/
$('.but').click(function(){
$('.but').stop(); })
document.write(c)
c--;
break;
default:break; }
})
</script>
</head>
<body>
<button>開始</button>
<button>停止</button> <!-- <button>開始</button> -->
<div></div>
</body>
</html>
批改老師：滅絕師太批改時(shí)間：2018-11-19 17:37:44
老師總結(jié)：動(dòng)畫效果和方法不太難，要把學(xué)到的知識(shí)運(yùn)用到案例中啊！