jquery動(dòng)畫

1.三種方式顯示和隱藏元素
  1.默認(rèn)顯示和隱藏方式
     1. show([speed,[easing],[fn]])
      1.參數(shù)：
        1. speed：動(dòng)畫的速度。三個(gè)預(yù)定義的值("slow","normal","fast")或者表示動(dòng)畫時(shí)長(zhǎng)的毫秒數(shù)值(如：1000)
        2. easing：用來指定切換效果，默認(rèn)是"swing",可用參數(shù)"linear"
          * swing：動(dòng)畫執(zhí)行時(shí)效果是 先慢，中間快，最后又慢
          * linear：東華執(zhí)行時(shí)速度是勻速的
        3. fn: 在動(dòng)畫完成時(shí)執(zhí)行的函數(shù)，每個(gè)元素執(zhí)行一次
     2. hide([speed,[easing],[fn]])
     3. toggle([speed],[easing],[fn])

  2.滑動(dòng)顯示和隱藏方式
    1. slideDown([speed],[easing],[fn])
    2. slideUp([speed,[easing],[fn]])
    3. slideToggle([speed],[easing],[fn])

  3.淡入淡出顯示和隱藏方式
    1. fadeIn([speed],[easing],[fn])
    2. fadeOut([speed],[easing],[fn])
    3. fadeToggle([speed,[easing],[fn]])
用法
$("#showDiv").hide("slow","swing",function(){
  alert("隱藏了")
});

// 默認(rèn)方式
$("#showDiv").hide(5000,linear);

// 滑動(dòng)方式
$("#showDiv").slideUp("slow");

// 淡出方式
$("#showDiv").fadeOut("slow");

如有錯(cuò)誤或建議歡迎大家指出與評(píng)論哈，希望這篇博文能幫助到大家，大家也可以分享給需要的人。

如需轉(zhuǎn)載，請(qǐng)注明出處。http://www.itdecent.cn/p/7ab089c4dbac

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容