jQuery中的滑動(dòng)及動(dòng)畫(huà)

1.jQuery slideUp() 方法

?? jQuery slideUp() 方法用于向上滑動(dòng)元素。

2.jQuery slideDown() 方法

?? jQuery slideDown() 方法用于向下滑動(dòng)元素。

3.jQuery slideToggle() 方法

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

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

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

4.jQuery 動(dòng)畫(huà) - animate() 方法

?? jQuery animate() 方法用于創(chuàng)建自定義動(dòng)畫(huà)。

?? jQuery animate() 使用很強(qiáng)大,個(gè)人覺(jué)得它挺好用

?? jQuery animate() - 使用預(yù)定義的值

例如: $("button").click(function(){

?????? $("div").animate({

??????? height:'toggle'});

?});

?? 甚至可以把屬性的動(dòng)畫(huà)值設(shè)置為 "show"、"hide" 或 "toggle":

5.jQuery stop() 方法用來(lái)停止滑動(dòng)或者停止動(dòng)畫(huà)

jQuery stop() 方法用于停止動(dòng)畫(huà)或效果,在它們完成之前。

stop() 方法適用于所有 jQuery 效果函數(shù),包括滑動(dòng)、淡入淡出和自定義動(dòng)畫(huà)。

?著作權(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)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 通過(guò)jQuery,您可以選取(查詢(xún),query)HTML元素,并對(duì)它們執(zhí)行“操作”(actions)。 jQuer...
    枇杷樹(shù)8824閱讀 722評(píng)論 0 3
  • 隱藏元素的hide方法 讓頁(yè)面上的元素不可見(jiàn),一般可以通過(guò)設(shè)置css的display為none屬性。但是通過(guò)css...
    老夫撩發(fā)少年狂閱讀 1,193評(píng)論 0 2
  • 警告請(qǐng)使用 document.write() 僅僅向文檔輸出寫(xiě)內(nèi)容。如果在文檔已完成加載后執(zhí)行 document....
    鹿守心畔光閱讀 2,897評(píng)論 3 104
  • jQuery 安裝 把 jQuery 添加到您的網(wǎng)頁(yè) 如需使用 jQuery,您需要下載 jQuery 庫(kù)(會(huì)在下...
    Clover園閱讀 345評(píng)論 0 0
  • jQuery中隱藏元素的hide方法 讓頁(yè)面上的元素不可見(jiàn),一般可以通過(guò)設(shè)置css的display為none屬性。...
    阿r阿r閱讀 1,265評(píng)論 0 4

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