fadeTo固定的透明度

效果

fadeTo固定的透明度

显示（show）和隐藏（hide）

hide(),隐藏 将高度，宽度，透明度变为0

show(),显示 将高度，宽度，透明度变为初始值。

       <style type="text/css">

              #div1 {

                     width: 100px;

                     height: 100px;

                     background-color: antiquewhite;

              }

       </style>

       <body>

              <div id="div1"></div>

              <input type="button"  id="btnhide" value="点击我隐藏掉" />

              <input type="button"  id="btnshow" value="点击我显示出来" />

              <input type="button"  id="toggle" value="开关" />

       </body>

       <script type="text/javascript">

              $("#btnhide").click(function() {

                     $("#div1").hide(6000);

              });

              $("#btnshow").click(function() {

                     $("#div1").show(4000);

              });

              $("#toggle").click(function() {

                     $("#div1").toggle("fast"); //开关 slow  也可以直接写数字

              });

       </script>

posted @ 2021-04-29 16:08  朝阳star  阅读(95)  评论(0)    收藏  举报