0

「ヘッダー」という名前のdivがあります。クリックしない限り、不透明度0.1から不透明度1に無限に行き、不透明度0.1にフェードバックするようにします。その場合、上記のサイクルを停止したいと思います。

$('#header').fadeTo( 4000, 1.0 ); 
$('#header').fadeTo( 4000, 0.1 );

したがって、「ヘッダー」がクリックされるまで2つの順序を繰り返す関数に上記を入れたいと思います。どうすればそれを理解できますか？

どうもありがとうございました

4

4 に答える 4

0 
var headerclicked = false;

function doheadercheck()
{
  if(!headerclicked)
  {
    if("#header").hasClass("fadein"))
    {
      //Fade out
      $("#header").removeClass("fadein").fadeTo(4000,0.1,doheadercheck);
    }
    else
    {
      //Fade in
      $("#header").addClass("fadein").fadeTo(4000,1,doheadercheck);
    }
  }
}

doheadercheck();
$("#header").click(function()
{
  headerclicked = true;
  $("#header").stop(true).fadeTo(250,1);
});

このようにしてみてください:)

于 2013-09-02T22:07:43.357 に答える
0

jQuery animate APIを使用することをお勧めします

function animation(){
    $("#header")
        .animate({opacity: 0.1}, {duration: "slow"})
        .animate({opacity: 1.0}, {duration: "slow", done: animation});
}


$(function() {
    $("#header").click( function(){ $(this).stop(true); } );
    animation();
});

jsFiddleの例を確認してください

于 2013-09-02T22:29:52.180 に答える