onReverseComplete
优质
小牛编辑
131浏览
2023-12-01
onReverseComplete: Function
反向播放动画完成时执行此回调函数。
TweenMax.to('.box', 3, {
x: 500,
onReverseComplete:function(){
...
}
});
onReverseComplete适用于TweenMaxTweenLite
onReverseComplete的参数
onReverseComplete 示例
.box {
width:50px;
height:50px;
border-radius:6px;
margin-top:4px;
display:inline-block
}
.green{
background-color:#6fb936;
}
input{
margin-top:30px;
display:block;
}
var tween = new TweenMax('.box', 3, {
x: 500,
onReverseComplete:function(){
panel.innerHTML='返回完毕';
}
});
panel= document.getElementById("panel");
reverseBtn = document.getElementById("reverseBtn");
reverseBtn.onclick = function() {
tween.reverse();
}
onReverseComplete返回值
onReverseComplete的补充说明
yoyo返回原点时不会触发onReverseComplete,因为yoyo只是把repeat反了个方向。