-2

私はこの小さなコードを持っていますが、 jQuery の関数 animate で show opacity を取得していません。コードは問題ないと思いますが、動作しません。アニメーション関数 opacity で取得に失敗しました:

これは私のコードです

$("#slider_zone_infor").css({
    "height":""+show_infor_sliders_h+"px",
    "line-height":""+show_infor_sliders_h+"px"
}).show(100).animate({opacity:1},350);

このゾーンを表示して透明にしたい

4

1 に答える 1

0

使用している場合:

  .hide{
      opacity:0;
  }

HTML

  <div id="slider_zone_infor" class="hide">
   Hi there
   </div>

その後、コードは正常に機能します。

    <script type="text/javascript">
    var show_infor_sliders_h = "234";
    var show_infor_sliders_h = "200";
    $(document).ready(function(e) {


    $("#slider_zone_infor").css({
    "height":"'"+show_infor_sliders_h+"px'",
    "line-height":"'"+show_infor_sliders_h+"px'"
}).show(100).animate({opacity:1},350);

  });
    </script>

使用している場合:

.hide{
display:none;
}

これ以上は大丈夫です：

$("#slider_zone_infor").css({
    "height":"'"+show_infor_sliders_h+"px'",
    "line-height":"'"+show_infor_sliders_h+"px'"
}).show(100);

キーポイント：

のみを行うことができopacity:0 to opacity:1、display:none to display:block,または を使用することもできますfadeIn and fadeOut。

しかし、あなたはできませんopacity:0 to display:block

于 2013-10-21T16:33:16.463 に答える