abstrakt：<!DOCTYPE html> <html> <head> <title>jQuery的動畫效果--停止動畫</title> <meta charset="utf-8"> <script type="text/
<!DOCTYPE html>
<html>
<head>
<title>jQuery的動畫效果--停止動畫</title>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<style type="text/css">
#box2,#box1{
width: 500px;
padding:5px;
text-align:center;
background-color:#FFFFFF;
border:solid 1px #E9E9E9;
}
#box2{
width: 500px;
padding:5px;
display:none;
}
</style>
<script>
$(document).ready(function(){
$("#box1").click(function(){
$("#box2").slideToggle(3000)
// $("#box").slideUp("slow");
});
$("#stop").click(function(){
$("#box2").stop(true);
});
});
</script>
</head>
<body>
<button id="stop">停止</button>
<div id="box1">開始滑動</div>
<div id="box2"><p>PHP中文網：獨家原創(chuàng)，永久免費的在線php視頻教程，</p><p>php技術學習陣地！</p></div>
</body>
</html>向上/向下滑動+停止還算正常，但是有個問題，點停止之后，div中的字會多出來。不知道是哪里的問題。
Korrigierender Lehrer：滅絕師太Korrekturzeit：2018-11-15 14:24:23
Zusammenfassung des Lehrers：因為你停止的是div的效果，內部的p標簽的文字沒有停止呀……