分享html jquery 中的stop();方法

跟大家分享一个关于jquery中点击停止的方法,希望可以帮助到大家

引入jquery

<!DOCTYPEhtml>

<html>

<head>

<scriptsrc="/jquery.js"></script>

<script>

$(document).ready(function(){

$("#flip").click(function(){

$("#panel").slideDown(5000);

});

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

$("#panel").stop();

});

});

</script>

<styletype="text/css">

#panel,#flip

{

padding:5px;

text-align:center;

background-color:#e5eecc;

border:solid1px#c3c3c3;

}

#panel

{

padding:50px;

display:none;

}

</style>

</head>

<body>

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

<divid="flip">点击向下滑动</div>

<divid="panel">华育国际www.eduasksz.com</div>

</body>

</html>

相关推荐