Question

我写了一个下面的代码，将div向左移动250px然后再移动fadeOut。现在我想要的是，它在250px上的fadeOut之后它将再次从它的原始位置淡出，例如0px并向左移动250px然后fadeOut。我正在研究一个div作为一个例子，但基本上我有一个以上的div，例如可能是5 div，我希望它们从左向右移动然后消失然后从原始位置再次淡入。

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script> 
$(document).ready(function(){
 setInterval(callMe,100);
});

function callMe(){
 $("div").animate({left:'250px'});
 $("div").fadeOut();
}
</script> 
</head>

<body>
<button>Start Animation</button>
<br/><br/>
<div style="background:#98bf21;height:100px;width:100px;position:absolute;">
</div>

</body>
</html>

Answer 1

检查你是否想要这样的东西

function callMe(){
 $("div").animate({left:'250px'});
$("div").fadeOut();
$("div").animate({left:'0px'});
$("div").fadeIn();
}

Answer 2

试试这个：

$(document).ready(function(){
  setInterval(callMe,2000);
});

function callMe(){
  $("div").animate({left:'250px'}).fadeOut().animate({left:'0'}).fadeIn();
}

尝试在jQuery中使用链接来根据需要完成需求。

从特定位置划分为fadeIn（）？

2 个答案:

TRYOUT THE FIDDLE HERE