overwrite: String (or int)
TweenMax.to('.box', 6, {x: 700,y:100,});
TweenMax.to('.box', 3, {x: 200,overwrite:"none"});
//或者
TweenMax.to('.box', 3, {x: 200,overwrite:0});
模式 | 模式代码 | 说明 | 效果 |
---|---|---|---|
0 | "none"或者false | 不做任何处理 |
前三秒运行x: 200,y:100 后三秒运行x: 700,y:100 |
1 | "all"或者true | 覆盖所有 | 只运行x: 200 |
2 | "auto" |
仅覆盖重复的属性 默认模式 |
前三秒运行x: 200,y:100 后三秒运行y:100 |
3 | "concurrent" | 同时发生 | 跟模式1很相似,不同是它只覆盖掉正在运行的动画属性。而放过其他的没有启动的动画属性。 |
4 | "allOnStart" | 开始时覆盖 | 跟模式1非常像。两点不同是他是在动画属性第一次渲染时才覆盖掉其他所有的动画属性,而且这个会把在他之后创建的动画属性也覆盖掉。 |
5 | "preexisting" | 在动画属性第一次渲染时才覆盖掉其他所有的动画属性。 |
默认模式2,"auto"
.box {
width:50px;
height:50px;
border-radius:6px;
margin-top:4px;
display:inline-block
}
.green{
background-color:#6fb936;
}
TweenMax.to('.box', 6, {x: 700,y:100,});
TweenMax.to('.box', 3, {x: 200,overwrite:2});
转载原创文章请注明:文章转载自:TweenMax中文网 [https://www.tweenmax.com.cn]
本文地址:https://www.tweenmax.com.cn/api/tweenmax/overwrite