[英]possible to change div height to 100% minus 100px with javascript?
[英]javascript animate div 100px left then 100px right?
有人可以帮忙吗,我正在尝试为div设置动画,以使其向左移动100px,然后返回其原始位置/因此向右移动100px。
我希望它在停止动画之前这样做5次。
有人可以告诉我如何使它工作吗,谢谢。
<script>
function loop() {
$('.sign_up').animate({right:'+=100px'}, 1000, function() {
$(this).animate({left:'-=100px'}, 1000, function() {
loop();
});
});
}
$(function() {
loop();
});
</script>
您可以使用计数器来确定何时停止循环。 例如:
<script type="text/javascript">
var loopCount = 0;
function loop() {
$('.sign_up').animate({ left: '-=100px' }, 1000, function () {
$(this).animate({ left: '+=100px' }, 1000, function () {
loopCount++;
if (loopCount < 5)
loop();
});
});
}
$(function () {
loop();
});
</script>
我还将第一个animate
语句切换为使用left
css属性(而不是right
left
right
。 当我声明sign_up
div
时,此代码为我工作了:
<div class="sign_up" style="position:absolute;top:300px;left:300px;width:200px;height:200px;background:Green;">
Hello!
</div>
更新
这是一个有效的jsfiddle: http : //jsfiddle.net/peFVT/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.