71 lines
23 KiB
HTML
Executable File
71 lines
23 KiB
HTML
Executable File
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><!-- saved from url=(0014)about:internet --><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>S </title><link rel="stylesheet" href="style.css" type="text/css" media="screen"><link rel="stylesheet" href="print.css" type="text/css" media="print"><link rel="stylesheet" href="override.css" type="text/css"></head><body><script language="javascript" type="text/javascript" src="asdoc.js"></script><script language="javascript" type="text/javascript" src="help.js"></script><script language="javascript" type="text/javascript" src="cookies.js"></script><script language="javascript" type="text/javascript"><!--
|
||
asdocTitle = 'S Index - GreenSock JavaScript Documentation';
|
||
var baseRef = '';
|
||
window.onload = configPage;
|
||
--></script>
|
||
<script type="text/javascript">
|
||
scrollToNameAnchor();
|
||
</script><table class="titleTable" cellpadding="0" cellspacing="0" id="titleTable" style="display:none"><tr><td class="titleTableTitle" align="left">GreenSock JavaScript API Docs</td><td class="titleTableTopNav" align="right"><a href="package-summary.html" onclick="loadClassListFrame('all-classes.html')">All Packages</a> | <a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a> | <a id="framesLink1" href="index.html?all-index-S.html&index-list.html">Frames</a><a id="noFramesLink1" style="display:none" href="" onclick="parent.location=document.location"> No Frames </a></td><td class="titleTableLogo" align="right" rowspan="3"><img src="images/logo.jpg" class="logoImage" alt=" Adobe Logo " title=" Adobe Logo "></td></tr><tr class="titleTableRow2"><td class="titleTableSubTitle" id="subTitle" align="left">S Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3"> </td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
|
||
<!--
|
||
|
||
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("S Index"); titleBar_setSubNav(false,false,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
|
||
-->
|
||
</script><div class="MainContent"><br><table border="0" cellspacing="0" cellpadding="0"><tr><td colspan="2"><a name="S"></a><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a> <a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a> <a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a> <a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a> <a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a> <a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a> <a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a> <a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a> <a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a> <a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a> <a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a> <a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a> <a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a> <a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a> <a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a> <a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a> <a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a> <a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a> <font color="black" size="10px" style="bold">S</font> <a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a> <a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a> <a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a> <a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a> <a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a> <a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a> <a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a> </td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/plugins/ScrollToPlugin.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">ScrollToPlugin</a> — class, package <a href="com/greensock/plugins/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">com.greensock.plugins</a></td></tr><tr><td width="20"></td><td>
|
||
Allows TweenLite and TweenMax to animate the scroll position of either the window (like doing window.scrollTo(x, y)) or
|
||
a <div> DOM element's content (like doing myDiv.scrollTop = y; myDiv.scrollLeft = x;).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#seek()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">seek</a>(timeOrLabel:any, suppressEvents:Boolean) — method, class com.greensock.<a href="com/greensock/TimelineLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineLite</a></td></tr><tr><td width="20"></td><td>
|
||
Jumps to a specific time (or label) without affecting whether or not the instance
|
||
is paused or reversed.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#seek()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">seek</a>(time:any, suppressEvents:Boolean) — method, class com.greensock.core.<a href="com/greensock/core/Animation.html" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">Animation</a></td></tr><tr><td width="20"></td><td>
|
||
Jumps to a specific time without affecting whether or not the instance is paused or reversed.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#set()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">set</a>(target:Object, vars:Object, offsetOrLabel:any, baseTimeOrLabel:any) — method, class com.greensock.<a href="com/greensock/TimelineLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineLite</a></td></tr><tr><td width="20"></td><td>
|
||
Appends a zero-duration tween to the end of the timeline that
|
||
sets values immediately (when the virtual playhead reaches that position
|
||
on the timeline) - this is a convenience method that accomplishes exactly
|
||
the same thing as append( TweenLite.to(target, 0, {...}) ) but
|
||
with less code.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#set()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">set</a>(target:Object, vars:Object) — Static Method , class com.greensock.<a href="com/greensock/TweenLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenLite</a></td></tr><tr><td width="20"></td><td>
|
||
Immediately sets properties of the target accordingly - essentially a zero-duration to() tween with a more
|
||
intuitive name.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#set()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">set</a>(target:Object, vars:Object) — Static Method , class com.greensock.<a href="com/greensock/TweenMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenMax</a></td></tr><tr><td width="20"></td><td>
|
||
Immediately sets properties of the target accordingly - essentially a zero-duration to() tween with a more
|
||
intuitive name.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#shiftChildren()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">shiftChildren</a>(amount:Number, adjustLabels:Boolean, ignoreBeforeTime:Number) — method, class com.greensock.<a href="com/greensock/TimelineLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineLite</a></td></tr><tr><td width="20"></td><td>
|
||
Shifts the startTime of the timeline's children by a certain amount and optionally adjusts labels too.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/SimpleTimeline.html" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">SimpleTimeline</a> — class, package <a href="com/greensock/core/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">com.greensock.core</a></td></tr><tr><td width="20"></td><td>
|
||
SimpleTimeline is the base class for TimelineLite and TimelineMax, providing the
|
||
most basic timeline functionality and it is used for the root timelines in TweenLite but is only
|
||
intended for internal use in the GreenSock tweening platform.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/SimpleTimeline.html#SimpleTimeline()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">SimpleTimeline</a>(vars:Object) — Constructor, class com.greensock.core.<a href="com/greensock/core/SimpleTimeline.html" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">SimpleTimeline</a></td></tr><tr><td width="20"></td><td>
|
||
Constructor
|
||
|
||
</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/Sine.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Sine</a> — final class, package <a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td></tr><tr><td width="20"></td><td>
|
||
Eases with a relatively low power either at the beginning (easeIn), the end (easeOut), or both (easeInOut).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/SlowMo.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">SlowMo</a> — class, package <a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td></tr><tr><td width="20"></td><td>
|
||
SlowMo is a configurable ease that produces a slow-motion effect that decelerates initially, then moves
|
||
linearly for a certain portion of the ease (which you can choose) and then accelerates again at the end;
|
||
it's great for effects like zooming text onto the screen, smoothly moving it long enough for people to
|
||
read it, and then zooming it off the screen.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/SlowMo.html#SlowMo()" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">SlowMo</a>(linearRatio:Number, power:Number, yoyoMode:Boolean) — Constructor, class com.greensock.easing.<a href="com/greensock/easing/SlowMo.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">SlowMo</a></td></tr><tr><td width="20"></td><td>
|
||
Constructor
|
||
|
||
</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/SimpleTimeline.html#smoothChildTiming" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">smoothChildTiming</a> — Property, class com.greensock.core.<a href="com/greensock/core/SimpleTimeline.html" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">SimpleTimeline</a></td></tr><tr><td width="20"></td><td>
|
||
Controls whether or not child tweens/timelines are repositioned automatically (changing their startTime)
|
||
in order to maintain smooth playback when properties are changed on-the-fly.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#staggerFrom()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">staggerFrom</a>(targets:Array, duration:Number, vars:Object, stagger:Number, offsetOrLabel:any, baseTimeOrLabel:any, onCompleteAll:Function, onCompleteAllParams:Array, onCompleteAllScope:Object) — method, class com.greensock.<a href="com/greensock/TimelineLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineLite</a></td></tr><tr><td width="20"></td><td>
|
||
Tweens an array of targets from a common set of destination values (using the current
|
||
values as the destination), but staggers their start times by a specified amount of time,
|
||
creating an evenly-spaced sequence with a surprisingly small amount of code.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#staggerFrom()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">staggerFrom</a>(targets:Array, duration:Number, vars:Object, stagger:Number, onCompleteAll:Function, onCompleteAllParams:Array, onCompleteAllScope:any) — Static Method , class com.greensock.<a href="com/greensock/TweenMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenMax</a></td></tr><tr><td width="20"></td><td>
|
||
Tweens an array of targets from a common set of destination values (using the current
|
||
values as the destination), but staggers their start times by a specified amount of time,
|
||
creating an evenly-spaced sequence with a surprisingly small amount of code.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#staggerFromTo()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">staggerFromTo</a>(targets:Array, duration:Number, fromVars:Object, toVars:Object, stagger:Number, offsetOrLabel:any, baseTimeOrLabel:any, onCompleteAll:Function, onCompleteAllParams:Array, onCompleteAllScope:Object) — method, class com.greensock.<a href="com/greensock/TimelineLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineLite</a></td></tr><tr><td width="20"></td><td>
|
||
Tweens an array of targets from and to a common set of values, but staggers their
|
||
start times by a specified amount of time, creating an evenly-spaced sequence with a
|
||
surprisingly small amount of code.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#staggerFromTo()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">staggerFromTo</a>(targets:Array, duration:Number, fromVars:Object, toVars:Object, stagger:Number, onCompleteAll:Function, onCompleteAllParams:Array, onCompleteAllScope:any) — Static Method , class com.greensock.<a href="com/greensock/TweenMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenMax</a></td></tr><tr><td width="20"></td><td>
|
||
Tweens an array of targets from and to a common set of values, but staggers their
|
||
start times by a specified amount of time, creating an evenly-spaced sequence with a
|
||
surprisingly small amount of code.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#staggerTo()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">staggerTo</a>(targets:Array, duration:Number, vars:Object, stagger:Number, offsetOrLabel:any, baseTimeOrLabel:any, onCompleteAll:Function, onCompleteAllParams:Array, onCompleteAllScope:Object) — method, class com.greensock.<a href="com/greensock/TimelineLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineLite</a></td></tr><tr><td width="20"></td><td>
|
||
Tweens an array of targets to a common set of destination values, but staggers their
|
||
start times by a specified amount of time, creating an evenly-spaced sequence with a
|
||
surprisingly small amount of code.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#staggerTo()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">staggerTo</a>(targets:Array, duration:Number, vars:Object, stagger:Number, onCompleteAll:Function, onCompleteAllParams:Array, onCompleteAllScope:any) — Static Method , class com.greensock.<a href="com/greensock/TweenMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenMax</a></td></tr><tr><td width="20"></td><td>
|
||
Tweens an array of targets to a common set of destination values, but staggers their
|
||
start times by a specified amount of time, creating an evenly-spaced sequence with a
|
||
surprisingly small amount of code.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#startTime()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">startTime</a>(value:Number) — method, class com.greensock.core.<a href="com/greensock/core/Animation.html" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">Animation</a></td></tr><tr><td width="20"></td><td>
|
||
Gets or sets the time at which the animation begins on its parent timeline (after any delay
|
||
that was defined).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/SteppedEase.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">SteppedEase</a> — class, package <a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td></tr><tr><td width="20"></td><td>
|
||
Most easing equations give a smooth, gradual transition between the start and end values, but SteppedEase provides
|
||
an easy way to define a specific number of steps that the transition should take.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/SteppedEase.html#SteppedEase()" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">SteppedEase</a>(steps:int) — Constructor, class com.greensock.easing.<a href="com/greensock/easing/SteppedEase.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">SteppedEase</a></td></tr><tr><td width="20"></td><td>
|
||
Constructor
|
||
|
||
</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#stop()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">stop</a>() — method, class com.greensock.<a href="com/greensock/TimelineLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineLite</a></td></tr><tr><td width="20"></td><td> [deprecated] Pauses the timeline (used for consistency with Flash's MovieClip.stop() functionality, but essentially accomplishes the same thing as pause() without the parameter) </td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/Strong.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Strong</a> — final class, package <a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td></tr><tr><td width="20"></td><td>
|
||
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
|
||
of 4 which is identical to the Power4 ease.</td></tr><tr><td colspan="2" style="padding-bottom:20px"></td></tr><tr><td colspan="2"><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a> <a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a> <a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a> <a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a> <a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a> <a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a> <a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a> <a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a> <a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a> <a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a> <a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a> <a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a> <a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a> <a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a> <a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a> <a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a> <a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a> <a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a> <font color="black" size="10px" style="bold">S</font> <a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a> <a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a> <a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a> <a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a> <a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a> <a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a> <a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a> </td></tr></table><p></p><center class="copyright"><footer></footer><br/>Thu Dec 20 2012, 04:30 PM -06:00 </center></div></body></html><!--<br/>Thu Dec 20 2012, 04:30 PM -06:00 --> |