overwrite
优质
小牛编辑
136浏览
2023-12-01
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});
有以下6种模式,以上例来说明: overwrite适用于TweenMaxTweenLiteoverwrite的参数
模式 | 模式代码 | 说明 | 效果 |
---|---|---|---|
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" | 在动画属性第一次渲染时才覆盖掉其他所有的动画属性。 |
overwrite 示例
默认模式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});