日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)百度小程序教程：Animation
  • 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 。示例：animation.opacity(0.5)

    backgroundColor

    String

    顏色值。示例：animation.backgroundColor(‘#DC143C’)

    width

    String/Number

    長度值，如果傳入 Number 則默認(rèn)使用 px ，可傳入其他自定義單位的長度值。示例：animation.width(‘20px’)

    height

    String/Number

    長度值，如果傳入 Number 則默認(rèn)使用 px ，可傳入其他自定義單位的長度值。示例：animation.height(‘70px’)

    top

    String/Number

    長度值，如果傳入 Number 則默認(rèn)使用 px ，可傳入其他自定義單位的長度值。示例：animation.top(‘40px’)

    left

    String/Number

    長度值，如果傳入 Number 則默認(rèn)使用 px ，可傳入其他自定義單位的長度值。示例：animation.left(‘90px’)

    bottom

    String/Number

    長度值，如果傳入 Number 則默認(rèn)使用 px ，可傳入其他自定義單位的長度值。示例：animation.bottom(‘60px’)

    right

    String/Number

    長度值，如果傳入 Number 則默認(rèn)使用 px ，可傳入其他自定義單位的長度值。示例：animation.right(‘80px’)

    示例

    在開發(fā)者工具中打開

    在開發(fā)者工具中打開

    在 WEB IDE 中打開

    掃碼體驗(yàn)

    代碼示例

    請(qǐng)使用百度APP掃碼

    圖片示例

    代碼示例 1：動(dòng)畫隊(duì)列

    • SWAN
    • JS
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
      4.

    代碼示例 2：動(dòng)畫樣式設(shè)置

    在開發(fā)者工具中打開

    在開發(fā)者工具中打開

    在 WEB IDE 中打開

    • SWAN
    • JS
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
      4.

    代碼示例 3：動(dòng)畫寬高設(shè)置

    在開發(fā)者工具中打開

    在開發(fā)者工具中打開

    在 WEB IDE 中打開

    • SWAN
    • JS
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
      4.

    代碼示例 4：底部彈窗自定義動(dòng)畫（CSS 控制）

    在開發(fā)者工具中打開

    在開發(fā)者工具中打開

    在 WEB IDE 中打開

    • SWAN
    • JS
    • CSS
     
 
 
      
  
  
  
      2.   
  
  
      3.   
  
  
      4.   
  
  
    4.  
      5.   
  
  
    5.  
      6.   
  
  
    6.  {{item}}
      7.   
  
  
    7.  
      8.   
  
  
      9.

    代碼示例 5：底部彈窗自定義動(dòng)畫（API 控制）

    在開發(fā)者工具中打開

    在開發(fā)者工具中打開

    在 WEB IDE 中打開

    • SWAN
    • JS
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
      4.   
  
  
    4.  
      5.   
  
  
    5.  
      6.   
  
  
    6.  
      7.   
  
  
    7.  
      8.   
  
  
    8.  
      9.   
  
  
    9.  
      10.   
  
  
    10.  {{item}}
      11.   
  
  
    11.  
      12.   
  
  
      13.

    代碼示例 6：彈出菜單特效的實(shí)現(xiàn)

    在開發(fā)者工具中打開

    在開發(fā)者工具中打開

    在 WEB IDE 中打開

    • SWAN
    • JS
    • CSS
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  
      5.   
  
  
    5.  
      6.   
  
  
      7.

    網(wǎng)頁名稱：創(chuàng)新互聯(lián)百度小程序教程：Animation
    轉(zhuǎn)載源于：http://www.dlmjj.cn/article/dhigpis.html