- TweenMax 中文手册 / TweenLite 中文手册
- TweenMax()
- TweenMax.to()
- TweenMax.from()
- TweenMax.fromTo()
- TweenMax.staggerTo()
- TweenMax.staggerFrom()
- TweenMax.staggerFromTo()
- TweenMax.delayedCall()
- TweenMax.set()
- delay
- ease
- paused
- immediateRender
- overwrite
- useFrames
- lazy
- autoCSS
- callbackScope
- repeat
- repeatDelay
- yoyo
- yoyoEase
- startAt
- cycle
- onComplete
- onCompleteParams
- onCompleteScope
- onReverseComplete
- onReverseCompleteParams
- onReverseCompleteScope
- onStart
- onStartParams
- onStartScope
- onUpdate
- onUpdateParams
- onUpdateScope
- onOverwrite
- onRepeat
- onRepeatParams
- onRepeatScope
- .eventCallback()
- .play()
- .pause()
- .paused()
- .restart()
- .resume()
- .reverse()
- .reversed()
- .seek()
- .timeScale()
- .duration()
- .totalDuration()
- .time()
- .totalTime()
- .progress()
- .totalProgress()
- .delay()
- .invalidate()
- .isActive()
- .updateTo()
- .startTime()
- .endTime()
- .repeat()
- .repeatDelay()
- .yoyo()
- .data
- TweenLite.defaultEase
- TweenLite.defaultOverwrite
- TweenLite.onOverwrite
- TweenLite.selector
- .target
- .timeline
- .vars
- TweenMax.ticker
- TweenMax.getTweensOf()
- TweenMax.getAllTweens()
- .kill()
- TweenMax.killDelayedCallsTo()
- TweenMax.killTweensOf()
- TweenMax.killAll()
- TweenMax.killChildTweensOf()
- TweenLite.render()
- TweenMax.lagSmoothing()
- TweenMax.globalTimeScale()
- TweenMax.isTweening()
- TweenMax.pauseAll()
- TweenMax.resumeAll()
- 下载 TweenMax
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
.isActive()
.isActive( ) : Boolean
指示动画当前是否处于活动状态(表示该虚拟播放头在该实例的时间跨度内活动移动,并且没有暂停,也没有任何其祖先时间轴)。因此,如果在补间中间,则它处于active状态,但在补间完成后(或在补间开始前),该补间不活动(返回false)。如果它被暂停或者被放置在暂停的时间轴内(或者其任何祖先时间轴被暂停),isActive() 则将返回 false。如果播放头直接位于动画开始时间的顶部(即使播放头尚未完成渲染),则视为“有效”。
您也可以检查 TweenMax.progress() or TweenMax.totalProgress(),但那些没有考虑暂停状态或父时间轴播放头的位置。
如果你想判断一个元素/对象是否在动画状态,可以使用TweenMax.isTweening()
.isActive()适用于TweenMaxTweenLite
.isActive()的参数
.isActive() 示例
只有在非进行状态下才可以转换动画方向,我们使用isActive()来确保补间在激活时不能改变其方向。
body, html {
font-family: Signika Negative, sans-serif;
background: #111;
color:#efefef;
height:100%;
}
.wrapper {
width:400px;
height:100px;
background:#444;
margin-bottom:10px;
}
.box {
width:100px;
height:100px;
background:#88ce02;
}
button {
margin:10px 0;
padding:10px;
}
var endX = 300;
var tween = TweenMax.to('.box', 2, {x:endX, ease:Linear.easeNone}).reverse();
tweenBox=document.getElementById("tweenBox")
tweenBox.onclick=function(){
if(!tween.isActive()){
//only reverse the direction if the tween is not active
tween.reversed(!tween.reversed())
}
}
.isActive()返回值
.isActive()的补充说明
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论