36 lines
6.6 KiB
HTML
Executable File
36 lines
6.6 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 --><!-- saved from url=(0014)about:internet --><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><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"><title>com.greensock.plugins Summary</title></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 = 'com.greensock.plugins package - 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 href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a> | <a id="framesLink1" href="../../../index.html?com/greensock/plugins/package-detail.html&com/greensock/plugins/class-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">com.greensock.plugins</td><td class="titleTableSubNav" id="subNav" align="right"><a href="package-detail.html#classSummary">Classes</a></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("com.greensock.plugins"); titleBar_setSubNav(false,false,false,false,false,false,false,false,false,false,false ,false,false,false,true,false);}
|
|
-->
|
|
</script><div class="MainContent"><br><br><hr><a name="classSummary"></a><div class="summaryTableTitle">Classes</div><table cellpadding="3" cellspacing="0" class="summaryTable"><tr><th> </th><th width="30%">Class</th><th width="70%">Description</th></tr><tr class="prow1"><td class="summaryTablePaddingCol"> </td><td class="summaryTableSecondCol"><a href="BezierPlugin.html">BezierPlugin</a></td><td class="summaryTableLastCol">
|
|
Animate virtually any property (or properties) along a Bezier (curved) path which you define
|
|
as an array of points/values that can be interpreted 4 different ways (described as the Bezier's "type", like type:"quadratic"):
|
|
|
|
|
|
"thru" (the default) - the plugin figures out how to draw the Bezier naturally through
|
|
the supplied values using a proprietary algorithm.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol"> </td><td class="summaryTableSecondCol"><a href="ColorPropsPlugin.html">ColorPropsPlugin</a></td><td class="summaryTableLastCol">
|
|
Tweens any color-related property of any object, like myObject.borderColor from "rgb(255,0,51)"
|
|
to "rgb(102,204,0)" (and you can define the initial color in almost any format like "#FF00CC"
|
|
or "rgba(255,0,51,0.5)" or "red" or "#f0c" or 0xFF00CC).</td></tr><tr class="prow1"><td class="summaryTablePaddingCol"> </td><td class="summaryTableSecondCol"><a href="CSSPlugin.html">CSSPlugin</a></td><td class="summaryTableLastCol">
|
|
With the help of the CSSPlugin, GSAP can animate almost any css-related property of DOM elements
|
|
including the obvious things like width, height, margins, padding, top, left, and more plus more interesting things like transforms
|
|
(rotation, scaleX, scaleY, skewX, skewY, x, y, rotationX, and rotationY), colors, opacity, and lots more.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol"> </td><td class="summaryTableSecondCol"><a href="CSSRulePlugin.html">CSSRulePlugin</a></td><td class="summaryTableLastCol">
|
|
Allows TweenLite and TweenMax to animate the raw style sheet rules which affect all objects of a particular selector
|
|
rather than affecting an individual DOM element's style (that's what the CSSPlugin is for).</td></tr><tr class="prow1"><td class="summaryTablePaddingCol"> </td><td class="summaryTableSecondCol"><a href="EaselPlugin.html">EaselPlugin</a></td><td class="summaryTableLastCol">
|
|
Tweens special EaselJS-related properties like ColorFilter (see http://www.createjs.com/#!/EaselJS
|
|
for more information about EaselJS).</td></tr><tr class="prow0"><td class="summaryTablePaddingCol"> </td><td class="summaryTableSecondCol"><a href="RaphaelPlugin.html">RaphaelPlugin</a></td><td class="summaryTableLastCol">
|
|
Enables TweenLite and TweenMax to animate properties of Raphael JavaScript objects (see
|
|
http://www.raphaeljs.com/).</td></tr><tr class="prow1"><td class="summaryTablePaddingCol"> </td><td class="summaryTableSecondCol"><a href="RoundPropsPlugin.html">RoundPropsPlugin</a></td><td class="summaryTableLastCol">
|
|
If you'd like the inbetween values in a tween to always get rounded to the nearest integer, use the roundProps
|
|
special property.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol"> </td><td class="summaryTableSecondCol"><a href="ScrollToPlugin.html">ScrollToPlugin</a></td><td class="summaryTableLastCol">
|
|
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 class="prow1"><td class="summaryTablePaddingCol"> </td><td class="summaryTableSecondCol"><a href="TweenPlugin.html">TweenPlugin</a></td><td class="summaryTableLastCol">
|
|
TweenPlugin is the base class for all TweenLite and TweenMax plugins, but generally isn't used directly.</td></tr></table><p></p><div><p></p><center class="copyright"><footer></footer><br/>Thu Dec 20 2012, 04:30 PM -06:00 </center></div></div></body></html><!--<br/>Thu Dec 20 2012, 04:30 PM -06:00 --> |