• <nav id="wkkge"><strong id="wkkge"></strong></nav>
  • <menu id="wkkge"></menu>
  • jQuery教程
    jQuery選擇器
    jQuery動畫效果
    jQuery節點操作
    jQuery事件
    jQuery HTML
    jQuery遍歷
    jQuery其他
    jQuery Ajax
    jQuery參考手冊
    jQuery實例
    jQuery插件

    jQuery滑動效果

     

     

    jQuery 滑動方法可使元素上下滑動。

     

    實例

     

    jQuery slideDown()

     

    演示 jQuery slideDown() 方法。

     

    jQuery slideUp()

     

    演示 jQuery slideUp() 方法。

     

    jQuery slideToggle()

     

    演示 jQuery slideToggle() 方法。

     

     

    jQuery 滑動方法

     

    通過 jQuery,您可以在元素上創建滑動效果。

     

    jQuery 擁有以下滑動方法:

     

    • slideDown()

     

    • slideUp()

     

    • slideToggle()

     

     

    jQuery slideDown() 方法

     

    jQuery slideDown() 方法用于向下滑動元素。

     

    語法:

     

    $(selector).slideDown(speed,callback);

     

    可選的 speed 參數規定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。

     

    可選的 callback 參數是滑動完成后所執行的函數名稱。

     

    下面的例子演示了 slideDown() 方法:

     

    $("#flip").click(function(){
      $("#panel").slideDown();
    });

     

     

    jQuery slideUp() 方法

     

    jQuery slideUp() 方法用于向上滑動元素。

     

    語法:

     

    $(selector).slideUp(speed,callback);

     

    可選的 speed 參數規定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。

     

    可選的 callback 參數是滑動完成后所執行的函數名稱。

     

    下面的例子演示了 slideUp() 方法:

     

    $("#flip").click(function(){
      $("#panel").slideUp();
    });

     

     

    jQuery slideToggle() 方法

     

    jQuery slideToggle() 方法可以在 slideDown() 與 slideUp() 方法之間進行切換。

     

    如果元素向下滑動,則 slideToggle() 可向上滑動它們。

     

    如果元素向上滑動,則 slideToggle() 可向下滑動它們。

     

    $(selector).slideToggle(speed,callback);

     

    可選的 speed 參數規定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。

     

    可選的 callback 參數是滑動完成后所執行的函數名稱。

     

    下面的例子演示了 slideToggle() 方法:

     

    $("#flip").click(function(){
      $("#panel").slideToggle();
    });

     

    全部教程
  • <nav id="wkkge"><strong id="wkkge"></strong></nav>
  • <menu id="wkkge"></menu>
  • 面对面棋牌游戏