abstrakt：<!DOCTYPE html><html><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equ
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>animtae</title>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<style type="text/css">
*{margin: 0;padding: 0;}
#obj{width: 100px;height: 100px;background-color: red;display: block;position: fixed;}
</style>
</head>
<body>
<!--
動畫語法
$(selector).animate({params},speed,fn);
停止動畫語法
$(selector).stop(stopAll,goToEnd)
-->
<div id="obj">頁面廣告</div>
<script type="text/javascript">
var hg,wh,offwh,offhg,left;
//鼠標(biāo)移上動畫停止
$('#obj').on('mouseover',function(){
$(this).stop();
})
//鼠標(biāo)移除時 不知道怎么寫
$('#obj').on('mouseleave',function(){
// $(this).
/* $("#obj").stop().animate({
'left':offwh,
'top':offhg,
},5000,'swing',fun1);//當(dāng)向下結(jié)束時，調(diào)用向上移動的函數(shù)*/
})
function fun(){
$("#obj").stop().animate({
'left':offwh,
'top':offhg,
},5000,'swing',fun1);//當(dāng)向下結(jié)束時，調(diào)用向上移動的函數(shù)
}
function fun1(){
$("#obj").stop().animate({
'left':'0px',
'top':'0px',
},10000,'swing',fun);//當(dāng)向上結(jié)束時，調(diào)用向下移動的函數(shù)
}
$(function(){
hg=document.documentElement.clientHeight;
wh=document.documentElement.clientWidth;
offwh=(wh-100)+'px';
offhg=(hg-100)+'px';
setTimeout("fun()",2000);
})
</script>
</body>
</html>
Korrigierender Lehrer：查無此人Korrekturzeit：2019-05-16 09:24:52
Zusammenfassung des Lehrers：完成的不錯。jq比js簡單很多，多練習(xí)。繼續(xù)加油。