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();}