<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                企業??AI智能體構建引擎,智能編排和調試,一鍵部署,支持知識庫和私有化部署方案 廣告
                [TOC] ## 隱藏顯示 ### 1.hide show toggle ![](https://box.kancloud.cn/cd843ebbd62d483d9398c3ec8047c181_319x236.gif) ``` <div id="id"></div> <button id="btn1">hide</button> <button id="btn2">show</button> <button id="btn3">toggle</button> <script> $(document).ready(function(){ $("#btn1").click(function(){ $("#id").hide(1000) }) $("#btn2").click(function(){ $("#id").show(1000) }) $("#btn3").click(function(){ $("#id").toggle(1000) }) }) </script> ``` ### 2.點擊消失 ![](https://box.kancloud.cn/082858f3d86f0ab9a891880566317b79_428x217.gif) ``` <script> $(document).ready(function () { for (var i = 0; i < 4; i++) { $("<div></div>").appendTo(document.body); } $("div").click(function () { $(this).hide(2000); }) }) </script> ``` ## 淡入淡出 ![](https://box.kancloud.cn/1bb22c2a13949694e2814c0704f0a800_511x291.gif) ``` <button id="btn1">fadeOut</button> <button id="btn2">fadeIn</button> <button id="btn3">fadeToggle</button> <button id="btn4">fadeTo</button> <div id="id"></div> <script> $(document).ready(function(){ $("#btn1").click(function(){ $("#id").fadeOut(3000) }) $("#btn2").click(function(){ $("#id").fadeIn(3000) }) $("#btn3").click(function(){ $("#id").fadeToggle(3000) }) }) $("#btn4").click(function(){ $("#id").fadeTo(3000,0.5) //改變透明度 }) </script> ``` ## 滑動 ![](https://box.kancloud.cn/8494f68e74c5306755e16b1c547f726d_534x389.gif) ``` <div id="show">顯示</div> <div id="hide">隱藏</div> <div id="toggle">顯示/隱藏</div> <div id="content"></div> <script> $(document).ready(function(){ $("#show").click(function(){ $("#content").slideDown(2000) }) $("#hide").click(function(){ $("#content").slideUp(2000) }) $("#toggle").click(function(){ $("#content").slideToggle(2000) }) }) </script> ``` ## 多重效果設置 ![](https://box.kancloud.cn/7016e56c02333589f47ad2b5c98008f5_534x255.gif) ``` <p>你好呀!我隱藏了又顯示了,同時還改變字體顏色哦</p> ![](https://box.kancloud.cn/af21829f86e54bfd8584ac7784ff1315_575x255.gif) <button id="btn">按鈕</button> <script> $(document).ready(function(){ $("#btn").click(function(){ $("p").css("color","pink").slideUp(2000).slideDown(2000) }) }) </script> ``` ## 回調 ![](https://box.kancloud.cn/af21829f86e54bfd8584ac7784ff1315_575x255.gif) ``` <p>你好呀!小姐姐</p> <button id="btn">按鈕</button> <script> $(document).ready(function(){ $("#btn").click(function(){ $("p").css("color","pink").slideUp(2000,function(){ alert("嘻嘻,你被我隱藏了") }) }) }) </script> ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看