本篇內(nèi)容介紹了“jQuery animate()中的CSS屬性集”的有關(guān)知識(shí),在實(shí)際案例的操作過程中,不少人都會(huì)遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
在丹鳳等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)制作按需開發(fā)網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,營銷型網(wǎng)站建設(shè),成都外貿(mào)網(wǎng)站建設(shè)公司,丹鳳網(wǎng)站建設(shè)費(fèi)用合理。
animate() 方法執(zhí)行 CSS 屬性集的自定義動(dòng)畫。
該方法通過 CSS 樣式將元素從一個(gè)狀態(tài)改變?yōu)榱硪粋€(gè)狀態(tài)。CSS屬性值是逐漸改變的,這樣就可以創(chuàng)建動(dòng)畫效果。
只有數(shù)字值可創(chuàng)建動(dòng)畫(比如 "margin:30px")。字符串值無法創(chuàng)建動(dòng)畫(比如 "background-color:red")。
提示:請(qǐng)使用 "+=" 或 "-=" 來創(chuàng)建相對(duì)動(dòng)畫。
語法:
$(selector).animate({styles},speed,easing,callback)
參數(shù) | 必需的 | 描述 |
---|---|---|
styles | 是 | 規(guī)定產(chǎn)生動(dòng)畫效果的一個(gè)或多個(gè) CSS 屬性/值。 注意:當(dāng)與 animate() 方法一起使用時(shí),該屬性名稱必須是駝峰寫法: 您必須使用 paddingLeft 代替 padding-left,marginRight 代替 margin-right,依此類推。 可以應(yīng)用動(dòng)畫的屬性:
提示:顏色動(dòng)畫不包含在核心 jQuery 庫中。如果您想要應(yīng)用動(dòng)畫顏色,您需要從 jQuery.com 下載 顏色動(dòng)畫插件。 |
speed | 否 | 規(guī)定動(dòng)畫的速度。 可能的值:
|
easing | 否 | 規(guī)定在動(dòng)畫的不同點(diǎn)中元素的速度。默認(rèn)值是 "swing"。 可能的值:
提示:擴(kuò)展插件中提供更多可用的 easing 函數(shù)。 |
callback | 否 | animate 函數(shù)執(zhí)行完之后,要執(zhí)行的函數(shù)。 如需學(xué)習(xí)更多有關(guān) callback 的內(nèi)容,請(qǐng)?jiān)L問我們的 jQuery Callback 這一章。 |
jq教程 //此版本是百度cdn 1.11.1,當(dāng)然你可以使用更高的版本,從2.0版本以上的是不支持ie6-8的默認(rèn)情況下,所有的 HTML 元素有一個(gè)靜態(tài)的位置,且是不可移動(dòng)的。如果需要改變?yōu)椋? 我們需要將元素的 position 屬性設(shè)置為 relative, fixed, 或 absolute!
“jQuery animate()中的CSS屬性集”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!