本篇內(nèi)容介紹了“jQuery animate()中的CSS屬性集”的有關(guān)知識(shí),在實(shí)際案例的操作過程中,不少人都會(huì)遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴,公司提供的服務(wù)項(xiàng)目有:域名注冊、網(wǎng)頁空間、營銷軟件、網(wǎng)站建設(shè)、土默特右旗網(wǎng)站維護(hù)、網(wǎng)站推廣。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")。
提示:請使用 "+=" 或 "-=" 來創(chuàng)建相對動(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)容,請?jiān)L問我們的 jQuery Callback 這一章。 |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jq教程</title> //此版本是百度cdn 1.11.1,當(dāng)然你可以使用更高的版本,從2.0版本以上的是不支持ie6-8的 <script type="text/javascript" src=" <script> $(document).ready(function () { $("button").click(function(){ $("div").animate({left: '250px'});});}); </script> </head> <body> <button>開始動(dòng)畫</button> <p>默認(rèn)情況下,所有的 HTML 元素有一個(gè)靜態(tài)的位置,且是不可移動(dòng)的。如果需要改變?yōu)椋?我們需要將元素的 position 屬性設(shè)置為 relative, fixed, 或 absolute!</p> <div style="background:#009688;height:100px;width:100px;position:absolute;"></div> </body> </html>
“jQuery animate()中的CSS屬性集”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!
本文題目:jQueryanimate()中的CSS屬性集-創(chuàng)新互聯(lián)
文章路徑:http://vcdvsql.cn/article32/csihpc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、虛擬主機(jī)、網(wǎng)站排名、用戶體驗(yàn)、企業(yè)網(wǎng)站制作、網(wǎng)站收錄
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容