jQuery內(nèi)容整理——效果

<ul>
<li>.show()顯示匹配的隱藏元素
show(speed,easing,complete)speed:slow/600,normal,fast/200;easing:動(dòng)畫(huà)效果默認(rèn)swing還可選linear;complete:元素顯示完成后執(zhí)行的函數(shù)</li>
<li>.hide(),與show相反</li>
<li>.slideUp()通過(guò)高度變化(向上減?。﹣?lái)動(dòng)態(tài)地隱藏所有匹配的元素</li>
<li>.slideDown()</li>
<li>.slideToggle()</li>
<li>.fadeOut()通過(guò)不透明度的變化來(lái)實(shí)現(xiàn)所有匹配元素的淡出效果</li>
<li>.fadeIn()</li>
<li>.fadeTo()把所有匹配元素的不透明度以漸進(jìn)方式調(diào)整到指定的不透明度,</li>
<li>.fadeToggle()</li>
<li>.animate用于創(chuàng)建自定義動(dòng)畫(huà)的函數(shù)。
這個(gè)函數(shù)的關(guān)鍵在于指定動(dòng)畫(huà)形式及結(jié)果樣式屬性對(duì)象

$("#go").click(function(){
    $("#block").animate({ 
        width: "90%",
        height: "100%", 
        fontSize: "10em", 
        borderWidth: 10
     }, 1000 );
});
```</li>
<li>.stop()停止所有在指定元素上正在運(yùn)行的動(dòng)畫(huà)。
stop(clearQueue,jumpToEnd)均boolean型,1true清空列隊(duì),2true立即完成</li>
<li>.finish()停止當(dāng)前正在運(yùn)行的動(dòng)畫(huà),刪除所有排隊(duì)的動(dòng)畫(huà),并完成匹配元素所有的動(dòng)畫(huà)與.stop(true, true)很相似.finish() 會(huì)導(dǎo)致所有排隊(duì)的動(dòng)畫(huà)的CSS屬性跳轉(zhuǎn)到他們的最終值。</li>
<li>.delay一個(gè)延時(shí)來(lái)推遲執(zhí)行隊(duì)列中之后的項(xiàng)目delay(time)
`$('#foo').slideUp(300).delay(800).fadeIn(400);`</li>
<li>jQuery.fx.off = true關(guān)閉頁(yè)面上所有的動(dòng)畫(huà)。</li>
<li>jQuery.fx.interval = 1000設(shè)置動(dòng)畫(huà)的顯示幀速。</li>
</ul>
最后編輯于
?著作權(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)容

  • 隱藏元素的hide方法 讓頁(yè)面上的元素不可見(jiàn),一般可以通過(guò)設(shè)置css的display為none屬性。但是通過(guò)css...
    老夫撩發(fā)少年狂閱讀 1,195評(píng)論 0 2
  • 1.JQuery 基礎(chǔ) 改變web開(kāi)發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無(wú)需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,277評(píng)論 0 1
  • 1.JQuery 基礎(chǔ) 改變web開(kāi)發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無(wú)需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,512評(píng)論 0 2
  • (續(xù)jQuery基礎(chǔ)(2)) 四、動(dòng)畫(huà)篇 第1章 動(dòng)畫(huà)基礎(chǔ)隱藏和顯示 (1)隱藏元素的hide方法 讓頁(yè)面上的元素...
    凜0_0閱讀 518評(píng)論 0 6
  • OOP 指什么?有哪些特性 Object oriented programming 的縮寫(xiě),面向?qū)ο蟮某绦蛟O(shè)計(jì),其...
    輝夜乀閱讀 189評(píng)論 0 0

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