0

divを250px左に移動してから、fadeOutする以下のコードを記述しました。今私が欲しいのは、250pxでfadeOutした後、元の位置（0pxなど）から再びfadeInし、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>
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 に答える