日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

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

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)百度小程序教程：Animation
  • Animation
    • 方法參數(shù)
    • 示例
      • 圖片示例
      • 代碼示例 1：動畫隊列
      • 代碼示例 2：動畫樣式設置
      • 代碼示例 3：動畫寬高設置
      • 代碼示例 4：底部彈窗自定義動畫（CSS 控制）
      • 代碼示例 5：底部彈窗自定義動畫（API 控制）
      • 代碼示例 6：彈出菜單特效的實現(xiàn)

    Animation

    解釋：動畫實例可以調(diào)用以下方法來描述動畫，調(diào)用結束后會返回自身，支持鏈式調(diào)用的寫法。

    動畫隊列
    調(diào)用動畫操作方法后要調(diào)用 step() 來表示一組動畫完成，可以在一組動畫中調(diào)用任意多個動畫方法，一組動畫中的所有動畫會同時開始，一組動畫完成后才會進行下一組動畫。

    方法參數(shù)

    屬性 類型 說明

    opacity

    Number

    透明度，參數(shù)范圍 0-1 。示例：animation.opacity(0.5)

    backgroundColor

    String

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

    width

    String/Number

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

    height

    String/Number

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

    top

    String/Number

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

    left

    String/Number

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

    bottom

    String/Number

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

    right

    String/Number

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

    示例

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

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

    在 WEB IDE 中打開

    掃碼體驗

    代碼示例

    請使用百度APP掃碼

    圖片示例

    代碼示例 1：動畫隊列

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

    代碼示例 2：動畫樣式設置

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

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

    在 WEB IDE 中打開

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

    代碼示例 3：動畫寬高設置

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

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

    在 WEB IDE 中打開

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

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

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

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

    在 WEB IDE 中打開

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

    代碼示例 5：底部彈窗自定義動畫（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：彈出菜單特效的實現(xiàn)

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

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

    在 WEB IDE 中打開

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

    當前文章：創(chuàng)新互聯(lián)百度小程序教程：Animation
    本文地址：http://www.5511xx.com/article/dhigpis.html