jQuery 停止动画的代码:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<head>
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$(".dian").click(
function()
{
$(".xia").slideDown(5000);
}
);
$("button").click(
function()
{
$(".xia").stop();
}
);
}
);
</script>
<style type="text/css">
div.dian,div.xia{
background: gray;
}
div.xia{
background: gray;
display: none;
}
</style>
</head>
<body>
<button>停止滑动</button>
<div class="dian" >点击下滑</div>
<div class="xia" >下滑的内容</div>
</body>
</html>