0

私はdivのインとフェードアウトにスクリプトを使用しています。一方では正常に機能しますが、もう一方ではまったく機能しません。誰かが理由を知っていますか？ここにそれのフィドルがありますhttp://jsfiddle.net/MeEc6/

これはJavaScriptです：

$(document).ready(function()                         

    {  var book = $('#book');
       var synopsis = $('#synopsis');
function runIt() {
   synopsis.animate({opacity:'+=1'}, 1000);
   synopsis.animate({opacity:'-=0.9'}, 2000, runIt).delay(2000);
}
       runIt();});
4

2 に答える 2

1

私が知る限り、あなたはbookとで同じアニメーションを実行したいと考えていますが、 on のメソッドsynopsisのみを含めています:animatesynopsis

例

function runIt() {
   synopsis.animate({opacity:'+=1'}, 1000);
   synopsis.animate({opacity:'-=0.9'}, 2000, runIt).delay(2000);

   book.animate({opacity:'+=1'}, 1000);
   book.animate({opacity:'-=0.9'}, 2000, runIt).delay(2000);
}
于 2013-04-16T18:54:14.050 に答える
1

両方にクラスを追加します: http://jsfiddle.net/MeEc6/3/

<div id="synopsis" class="fader">
    <img src="http://www.unearthingfilm.com/images/interface/shine.png" width="150" height="150" />
</div>
<!-- End of Synopsis -->
<div id="book" class="fader">
    <img src="http://www.unearthingfilm.com/images/bookGlow.png" width="365" height="347" />
</div>

そしてそれをアニメーション化します：

var synopsis = $('.fader');
于 2013-04-16T18:55:15.363 に答える