0

我编写了下面的代码将 div 向左移动 250px，然后淡出。现在我想要的是，在它在 250px 上淡出之后，它将再次从它的原始位置淡入，例如 0px，然后向左移动 250px，然后淡出。我以单个 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>
4

2 回答 2

0

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

function callMe(){
 $("div").animate({left:'250px'});
$("div").fadeOut();
$("div").animate({left:'0px'});
$("div").fadeIn();
}
于 2013-03-23T15:31:57.583 回答
0

试试这个：

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

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

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

在这里试用小提琴

于 2013-03-23T15:39:27.650 回答