新聞中心
- Animation
- 方法參數(shù)
- 示例
- 圖片示例
- 代碼示例 1:動(dòng)畫隊(duì)列
- 代碼示例 2:動(dòng)畫樣式設(shè)置
- 代碼示例 3:動(dòng)畫寬高設(shè)置
- 代碼示例 4:底部彈窗自定義動(dòng)畫(CSS 控制)
- 代碼示例 5:底部彈窗自定義動(dòng)畫(API 控制)
- 代碼示例 6:彈出菜單特效的實(shí)現(xiàn)
Animation
解釋:動(dòng)畫實(shí)例可以調(diào)用以下方法來描述動(dòng)畫,調(diào)用結(jié)束后會(huì)返回自身,支持鏈?zhǔn)秸{(diào)用的寫法。

動(dòng)畫隊(duì)列
調(diào)用動(dòng)畫操作方法后要調(diào)用 step() 來表示一組動(dòng)畫完成,可以在一組動(dòng)畫中調(diào)用任意多個(gè)動(dòng)畫方法,一組動(dòng)畫中的所有動(dòng)畫會(huì)同時(shí)開始,一組動(dòng)畫完成后才會(huì)進(jìn)行下一組動(dòng)畫。
方法參數(shù)
| 屬性 | 類型 | 說明 |
|---|---|---|
opacity |
Number |
透明度,參數(shù)范圍 0-1 。示例: |
backgroundColor |
String |
顏色值。示例: |
width |
String/Number |
長度值,如果傳入 Number 則默認(rèn)使用 px ,可傳入其他自定義單位的長度值。示例: |
height |
String/Number |
長度值,如果傳入 Number 則默認(rèn)使用 px ,可傳入其他自定義單位的長度值。示例: |
top |
String/Number |
長度值,如果傳入 Number 則默認(rèn)使用 px ,可傳入其他自定義單位的長度值。示例: |
left |
String/Number |
長度值,如果傳入 Number 則默認(rèn)使用 px ,可傳入其他自定義單位的長度值。示例: |
bottom |
String/Number |
長度值,如果傳入 Number 則默認(rèn)使用 px ,可傳入其他自定義單位的長度值。示例: |
right |
String/Number |
長度值,如果傳入 Number 則默認(rèn)使用 px ,可傳入其他自定義單位的長度值。示例: |
示例
在開發(fā)者工具中打開
在開發(fā)者工具中打開
在 WEB IDE 中打開
掃碼體驗(yàn)
代碼示例
請(qǐng)使用百度APP掃碼
圖片示例
代碼示例 1:動(dòng)畫隊(duì)列
- SWAN
- JS
代碼示例 2:動(dòng)畫樣式設(shè)置
在開發(fā)者工具中打開
在開發(fā)者工具中打開
在 WEB IDE 中打開
- SWAN
- JS
代碼示例 3:動(dòng)畫寬高設(shè)置
在開發(fā)者工具中打開
在開發(fā)者工具中打開
在 WEB IDE 中打開
- SWAN
- JS
代碼示例 4:底部彈窗自定義動(dòng)畫(CSS 控制)
在開發(fā)者工具中打開
在開發(fā)者工具中打開
在 WEB IDE 中打開
- SWAN
- JS
- CSS
{{item}}
代碼示例 5:底部彈窗自定義動(dòng)畫(API 控制)
在開發(fā)者工具中打開
在開發(fā)者工具中打開
在 WEB IDE 中打開
- SWAN
- JS
{{item}}
代碼示例 6:彈出菜單特效的實(shí)現(xiàn)
在開發(fā)者工具中打開
在開發(fā)者工具中打開
在 WEB IDE 中打開
- SWAN
- JS
- CSS
網(wǎng)頁名稱:創(chuàng)新互聯(lián)百度小程序教程:Animation
轉(zhuǎn)載源于:http://www.dlmjj.cn/article/dhigpis.html


咨詢
建站咨詢
