1

アニメーションに問題があります。

私の Web ページは、リンク上でアニメーション化された不透明度を持つボタンでアニメーション化されています。しかし、私の不透明度が 0 の場合、リンクは引き続き機能するため、それらをクリックすると別のページに送信されます。

表示されるまでクリックできないようにしたい。

HTML :

<a id="click1" href="#" class="btn_header">WELCOME</a>

これをトリガーします

<div id="1">
<a href="3dsmax.html"><img class="tile" src="#"></a>
</div>

JS:

$("#click1").click(function () {
  if ($("#1").css("opacity")=="0") {
    $("#1").animate({"opacity":"1"}, 1250);
  } else {
    $("#1").animate({"opacity":"0"}, 500);
  }

編集: ボタンを非表示 (機能していない) にしてから表示 (機能) にしたいのですが、HREF:# を作成し、ボタンをクリックすると、whatever.html に表示されるようにすることをお勧めします。

4

3 に答える 3

1

アニメーションの最後に要素を表示/非表示にする.fadeIn()andを使用する必要があります.fadeOut()

$("#click1").click(function () {
    var target = $('#1');

    if (target.is(':visible')){
       target.fadeOut(500);
    } else {
       target.fadeIn(1250);
    }
});

コードのデモ(非表示の開始を含む) http://jsfiddle.net/Ps6Vj/

期間が同じ場合は、より単純なものを使用することもできます.fadeToggle()

$("#click1").click(function () {
    $('#1').fadeToggle(500);
});
于 2013-11-01T00:07:59.023 に答える