1. <tt id="5hhch"><source id="5hhch"></source></tt>
    1. <xmp id="5hhch"></xmp>

  2. <xmp id="5hhch"><rt id="5hhch"></rt></xmp>

    <rp id="5hhch"></rp>
        <dfn id="5hhch"></dfn>

      1. jQuery控制元素顯示隱藏切換滑動的方法總結

        時間:2024-09-08 22:15:33 jQuery 我要投稿
        • 相關推薦

        jQuery控制元素顯示隱藏切換滑動的方法總結

          jQuery 隱藏和顯示

        jQuery控制元素顯示隱藏切換滑動的方法總結

          通過 hide() 和 show() 兩個函數,jQuery 支持對 HTML 元素的隱藏和顯示:

          實例

          復制代碼 代碼如下:

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

          $("p").hide();

          });

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

          $("p").show();

          });

          hide() 和 show() 都可以設置兩個可選參數:speed 和 callback。

          語法:

          復制代碼 代碼如下:

          $(selector).hide(speed,callback)

          $(selector).show(speed,callback)

          speed 參數規定顯示或隱藏的速度?梢栽O置這些值:"slow", "fast", "normal" 或毫秒。

          callback 參數是在 hide 或 show 函數完成之后被執行的函數名稱。您將在本教程下面的章節學習更多有關 callback 參數的知識。

          實例

          復制代碼 代碼如下:

          $("button").click(function(){

          $("p").hide(1000);

          });

          callback 參數是在該函數完成之后被執行的函數名稱。您將在本教程下面的章節學習更多有關 callback 參數的知識。

          jQuery 滑動函數 - slideDown, slideUp, slideToggle

          jQuery 擁有以下滑動函數:

          復制代碼 代碼如下:

          $(selector).slideDown(speed,callback)

          $(selector).slideUp(speed,callback)

          $(selector).slideToggle(speed,callback)

          speed 參數可以設置這些值:"slow", "fast", "normal" 或毫秒。

          callback 參數是在該函數完成之后被執行的函數名稱。您將在本教程下面的章節學習更多有關 callback 參數的知識。

          slideDown() 實例

          復制代碼 代碼如下:

          $(".flip").click(function(){

          $(".panel").slideDown();

          });

          jQuery Fade 函數 - fadeIn(), fadeOut(), fadeTo()

          jQuery 擁有以下 fade 函數:

          復制代碼 代碼如下:

          $(selector).fadeIn(speed,callback)

          $(selector).fadeOut(speed,callback)

          $(selector).fadeTo(speed,opacity,callback)

          speed 參數可以設置這些值:"slow", "fast", "normal" 或 毫秒。

          fadeTo() 函數中的 opacity 參數規定減弱到給定的不透明度。

          callback 參數是在該函數完成之后被執行的函數名稱。您將在本教程下面的章節學習更多有關 callback 參數的知識。

          jQuery 自定義動畫

          jQuery 函數創建自定義動畫的語法:

          復制代碼 代碼如下:

          $(selector).animate({params},[duration],[easing],[callback])

          關鍵的參數是 params。它定義產生動畫的 CSS 屬性?梢酝瑫r設置多個此類屬性:

          復制代碼 代碼如下:

          animate({width:"70%",opacity:0.4,marginLeft:"0.6in",fontSize:"3em"});

          第二個參數是 duration。它定義用來應用到動畫的時間。它設置的值是:"slow", "fast", "normal" 或毫秒。

          實例

          復制代碼 代碼如下:

          $(document).ready(function(){

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

          $("#box").animate({height:300},"slow");

          $("#box").animate({width:300},"slow");

          $("#box").animate({height:100},"slow");

          $("#box").animate({width:100},"slow");

          });

          });

          $(selector).hide() 隱藏被選元素 $(selector).show() 顯示被選元素 $(selector).toggle() 切換(在隱藏與顯示之間)被選元素 $(selector).slideDown() 向下滑動(顯示)被選元素 $(selector).slideUp() 向上滑動(隱藏)被選元素 $(selector).slideToggle() 對被選元素切換向上滑動和向下滑動 $(selector).fadeIn() 淡入被選元素 $(selector).fadeOut() 淡出被選元素 $(selector).fadeTo() 把被選元素淡出為給定的不透明度 $(selector).animate() 對被選元素執行自定義動畫

        【jQuery控制元素顯示隱藏切換滑動的方法總結】相關文章:

        關于jquery簡單圖片切換顯示效果實現方法介紹10-01

        關于jQuery實現高亮顯示的方法介紹08-20

        jquery之超簡單的div顯示和隱藏特效demo簡介05-15

        隱藏的文件怎么顯示09-29

        隱藏的文件夾怎么顯示08-02

        jQuery(js)如何獲取文字寬度(顯示長度)09-29

        jQuery中prev()方法用法07-16

        jQuery中replaceAll()方法用法10-15

        怎么把隱藏的文件顯示出來07-12

        隱藏文件夾顯示技巧06-22

        国产高潮无套免费视频_久久九九兔免费精品6_99精品热6080YY久久_国产91久久久久久无码

        1. <tt id="5hhch"><source id="5hhch"></source></tt>
          1. <xmp id="5hhch"></xmp>

        2. <xmp id="5hhch"><rt id="5hhch"></rt></xmp>

          <rp id="5hhch"></rp>
              <dfn id="5hhch"></dfn>