JQuery动画暂停与驱动的效果
就是我要点击一个buttom按钮。这个按钮负责弹出或者关闭一个div【比如：slideDown（5000）】。然后在在点击buttom按钮（这是第2个按钮。）就暂停。然后...
就是我要点击一个buttom按钮。这个按钮负责弹出或者关闭一个div【比如：slideDown（5000）】。然后在在点击buttom按钮（这是第2个按钮。）就暂停。 然后我想在继续启动。就在点buttom按钮(第2个按钮)。这就好比一个窗帘一样。可以一下子啦下来。也可以一下子啦上去。也可以在啦到途中暂停
展开
2个回答
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>clearQueue demo</title>
<style>
div {
margin: 3px;
width: 40px;
height: 40px;
position: absolute;
left: 0px;
top: -40px;
background: green;
}
div.newcolor {
background: blue;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button id="start">Start</button>
<button id="stop">Stop</button>
<div></div>
<script>
$( "#start" ).click(function() {
var myDiv = $( "div" );
myDiv.animate({
top:"30"
}, 5000 );
});
$( "#stop" ).click(function() {
var myDiv = $( "div" );
myDiv.stop();
});
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>clearQueue demo</title>
<style>
div {
margin: 3px;
width: 40px;
height: 40px;
position: absolute;
left: 0px;
top: -40px;
background: green;
}
div.newcolor {
background: blue;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button id="start">Start</button>
<button id="stop">Stop</button>
<div></div>
<script>
$( "#start" ).click(function() {
var myDiv = $( "div" );
myDiv.animate({
top:"30"
}, 5000 );
});
$( "#stop" ).click(function() {
var myDiv = $( "div" );
myDiv.stop();
});
</script>
</body>
</html>
追问
不是阿，大哥。我是这样想的。启动和关闭时同一个按钮。 然后另外一个按钮是暂停和开始， 比如说当我启动窗帘时，在我慢慢拉下来的时候。我可以暂停。如果我觉得暂停的高度不适合我。我可以点2个按钮。继续拉下来。如果够了。就点第2个按钮暂停， 第一个按钮就等于说完全的啦下来和完全啦上去
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
