jQuery ?? ?????
jQuery ????? ??
jQuery stop() ???? ??????? ??? ???? ?? ???? ? ?????.
stop() ???? ????, ??? ? ??? ?? ?????? ??? ?? jQuery ?? ??? ?? ?????.
??:
$(selector).stop(stopAll,goToEnd);
???? stopAll ????? ????? ???? ??? ??? ??? ?????. ???? false?? ?? ?????? ???? ???? ?? ?????? ?? ????? ?????.
???? goToEnd ????? ?? ?????? ?? ???? ??? ?????. ???? ?????.
??? ????? stop()? ??? ??? ??? ?? ?????? ????.
?? ???? ???? ?? stop() ???? ?????.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
$(document).ready(function(){
$("#flip").click(function(){
$("#panel").slideDown(5000);
});
$("#stop").click(function(){
$("#panel").stop();
});
});
</script>
<style type="text/css">
#panel,#flip
{
padding:5px;
text-align:center;
background-color:#e5eecc;
border:solid 1px #c3c3c3;
}
#panel
{
padding:50px;
display:none;
}
</style>
</head>
<body>
<button id="stop">停止滑動(dòng)</button>
<div id="flip">點(diǎn)擊這里，向下滑動(dòng)面板</div>
<div id="panel">Hello world!</div>
</body>
</html>
