TweenLite.defaultOverwrite
优质
小牛编辑
131浏览
2023-12-01
TweenLite.defaultOverwrite : String = "auto" 设置TweenLite的默认overwrite模式。可选值包括
"auto", "all", "none", "allOnStart", "concurrent", "preexisting"。 默认是"auto"。
TweenLite.defaultOverwrite="all"TweenLite.defaultOverwrite适用于TweenLiteTweenLite.defaultOverwrite的参数
| 模式 | 模式代码 | 说明 | 效果 |
|---|---|---|---|
| 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" | 在动画属性第一次渲染时才覆盖掉其他所有的动画属性。 |
TweenLite.defaultOverwrite 示例
设置成'all'后，完全覆盖动画属性值
.box {
width:50px;
height:50px;
border-radius:6px;
margin-top:4px;
display:inline-block
}
.green{
background-color:#6fb936;
}TweenLite.defaultOverwrite="all"
TweenLite.to('.box', 6, {x: 700,y:100,});
TweenLite.to('.box', 3, {x: 200});