当前位置: 首页 > 文档资料 > TweenMax 中文文档 >

onStart

优质
小牛编辑
130浏览
2023-12-01

onStart: Function
当动画开始渲染时执行此事件函数,有可能会被执行多次,因为动画是可以重复开始的。

TweenMax.to('.box', 2, {
    x: 500,
    onStart:function(){
        ...
    }
});

onStart适用于TweenMaxTweenLite

onStart的参数

onStart 示例



.box {
    width:50px;
    height:50px;
    border-radius:6px;
    margin-top:4px;
    display:inline-block
  }
.green{
    background-color:#6fb936;
  }
panel= document.getElementById("panel");
i=1;
tween=TweenMax.to('.box', 2, {
    x: 500,
    delay: 2,
    onStart:function(){
        panel.innerHTML='动画开始了'+i;
        i++;
    }
});
restartBtn = document.getElementById("restartBtn"),
restartBtn.onclick = function() {tween.restart();}

onStart返回值

onStart的补充说明