rob
/
parallaxis
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

moving old projects from cold storage to git for possible revival

master
Rob Canning 2023-12-06 12:05:01 +01:00
commit 136e1459b7
3551 changed files with 781127 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
INSTALL 100755
View File

@ -0,0 +1,58 @@
//////////////////////////////////
// NODESCORE SERVER INSTALLATION
//////////////////////////////////
// installation for server running
// debian stable or testing OS
// other systems see here:
// https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager
//////////////////////////////////
//////////////////////////////////
// get nodejs dependencies
apt-get update
apt-get install git-core curl build-essential openssl libssl-dev
//////////////////////////////////
// grab and compile from source
mkdir -p /tmp/build/node && cd /tmp/build/node
git clone https://github.com/joyent/node.git .
git checkout v0.8.0
./configure --openssl-libpath=/usr/lib/ssl
make
make test
make install
node -v
//////////////////////////////////
// server side thumnail dependencies
phantomjs
imagemagick
//aptitude install python-qt4 libqt4-webkit python-pip
//aptitude install xvfb xbase-clients xfonts-base libgtk2.0-0
// get nodescore dependencies
// the node_modules dir should life in the require.path
// ~/
npm config set registry http://registry.npmjs.org/
sudo npm install socket.io socket.io-client node-osc osc-min jspack zeparser jsdom jquery xmlhttprequest requirejs express errorhandler method-override
sudo npm -g install supervisor
//////////////////////////////////
// get nodescore
git clone git://gitorious.org/nodescore/nodescore.git nodescore
//////////////////////////////////
//start server
cd nodescore
node nodescore.js

685
LICENCE 100755
View File

@ -0,0 +1,685 @@
////////////////////////////////////////////////////////////////////
Unless otherwise indicated all the code in these subdirectories is
released under the GNU General Public License. A copy of this license
is included below as well as in the main .pdf document.
Rob Canning 2017
////////////////////////////////////////////////////////////////////
GNU GENERAL PUBLIC LICENSE
Version 3, 29 June 2007
Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
Everyone is permitted to copy and distribute verbatim copies
of this license document, but changing it is not allowed.
Preamble
The GNU General Public License is a free, copyleft license for
software and other kinds of works.
The licenses for most software and other practical works are designed
to take away your freedom to share and change the works. By contrast,
the GNU General Public License is intended to guarantee your freedom to
share and change all versions of a program--to make sure it remains free
software for all its users. We, the Free Software Foundation, use the
GNU General Public License for most of our software; it applies also to
any other work released this way by its authors. You can apply it to
your programs, too.
When we speak of free software, we are referring to freedom, not
price. Our General Public Licenses are designed to make sure that you
have the freedom to distribute copies of free software (and charge for
them if you wish), that you receive source code or can get it if you
want it, that you can change the software or use pieces of it in new
free programs, and that you know you can do these things.
To protect your rights, we need to prevent others from denying you
these rights or asking you to surrender the rights. Therefore, you have
certain responsibilities if you distribute copies of the software, or if
you modify it: responsibilities to respect the freedom of others.
For example, if you distribute copies of such a program, whether
gratis or for a fee, you must pass on to the recipients the same
freedoms that you received. You must make sure that they, too, receive
or can get the source code. And you must show them these terms so they
know their rights.
Developers that use the GNU GPL protect your rights with two steps:
(1) assert copyright on the software, and (2) offer you this License
giving you legal permission to copy, distribute and/or modify it.
For the developers' and authors' protection, the GPL clearly explains
that there is no warranty for this free software. For both users' and
authors' sake, the GPL requires that modified versions be marked as
changed, so that their problems will not be attributed erroneously to
authors of previous versions.
Some devices are designed to deny users access to install or run
modified versions of the software inside them, although the manufacturer
can do so. This is fundamentally incompatible with the aim of
protecting users' freedom to change the software. The systematic
pattern of such abuse occurs in the area of products for individuals to
use, which is precisely where it is most unacceptable. Therefore, we
have designed this version of the GPL to prohibit the practice for those
products. If such problems arise substantially in other domains, we
stand ready to extend this provision to those domains in future versions
of the GPL, as needed to protect the freedom of users.
Finally, every program is threatened constantly by software patents.
States should not allow patents to restrict development and use of
software on general-purpose computers, but in those that do, we wish to
avoid the special danger that patents applied to a free program could
make it effectively proprietary. To prevent this, the GPL assures that
patents cannot be used to render the program non-free.
The precise terms and conditions for copying, distribution and
modification follow.
TERMS AND CONDITIONS
0. Definitions.
"This License" refers to version 3 of the GNU General Public License.
"Copyright" also means copyright-like laws that apply to other kinds of
works, such as semiconductor masks.
"The Program" refers to any copyrightable work licensed under this
License. Each licensee is addressed as "you". "Licensees" and
"recipients" may be individuals or organizations.
To "modify" a work means to copy from or adapt all or part of the work
in a fashion requiring copyright permission, other than the making of an
exact copy. The resulting work is called a "modified version" of the
earlier work or a work "based on" the earlier work.
A "covered work" means either the unmodified Program or a work based
on the Program.
To "propagate" a work means to do anything with it that, without
permission, would make you directly or secondarily liable for
infringement under applicable copyright law, except executing it on a
computer or modifying a private copy. Propagation includes copying,
distribution (with or without modification), making available to the
public, and in some countries other activities as well.
To "convey" a work means any kind of propagation that enables other
parties to make or receive copies. Mere interaction with a user through
a computer network, with no transfer of a copy, is not conveying.
An interactive user interface displays "Appropriate Legal Notices"
to the extent that it includes a convenient and prominently visible
feature that (1) displays an appropriate copyright notice, and (2)
tells the user that there is no warranty for the work (except to the
extent that warranties are provided), that licensees may convey the
work under this License, and how to view a copy of this License. If
the interface presents a list of user commands or options, such as a
menu, a prominent item in the list meets this criterion.
1. Source Code.
The "source code" for a work means the preferred form of the work
for making modifications to it. "Object code" means any non-source
form of a work.
A "Standard Interface" means an interface that either is an official
standard defined by a recognized standards body, or, in the case of
interfaces specified for a particular programming language, one that
is widely used among developers working in that language.
The "System Libraries" of an executable work include anything, other
than the work as a whole, that (a) is included in the normal form of
packaging a Major Component, but which is not part of that Major
Component, and (b) serves only to enable use of the work with that
Major Component, or to implement a Standard Interface for which an
implementation is available to the public in source code form. A
"Major Component", in this context, means a major essential component
(kernel, window system, and so on) of the specific operating system
(if any) on which the executable work runs, or a compiler used to
produce the work, or an object code interpreter used to run it.
The "Corresponding Source" for a work in object code form means all
the source code needed to generate, install, and (for an executable
work) run the object code and to modify the work, including scripts to
control those activities. However, it does not include the work's
System Libraries, or general-purpose tools or generally available free
programs which are used unmodified in performing those activities but
which are not part of the work. For example, Corresponding Source
includes interface definition files associated with source files for
the work, and the source code for shared libraries and dynamically
linked subprograms that the work is specifically designed to require,
such as by intimate data communication or control flow between those
subprograms and other parts of the work.
The Corresponding Source need not include anything that users
can regenerate automatically from other parts of the Corresponding
Source.
The Corresponding Source for a work in source code form is that
same work.
2. Basic Permissions.
All rights granted under this License are granted for the term of
copyright on the Program, and are irrevocable provided the stated
conditions are met. This License explicitly affirms your unlimited
permission to run the unmodified Program. The output from running a
covered work is covered by this License only if the output, given its
content, constitutes a covered work. This License acknowledges your
rights of fair use or other equivalent, as provided by copyright law.
You may make, run and propagate covered works that you do not
convey, without conditions so long as your license otherwise remains
in force. You may convey covered works to others for the sole purpose
of having them make modifications exclusively for you, or provide you
with facilities for running those works, provided that you comply with
the terms of this License in conveying all material for which you do
not control copyright. Those thus making or running the covered works
for you must do so exclusively on your behalf, under your direction
and control, on terms that prohibit them from making any copies of
your copyrighted material outside their relationship with you.
Conveying under any other circumstances is permitted solely under
the conditions stated below. Sublicensing is not allowed; section 10
makes it unnecessary.
3. Protecting Users' Legal Rights From Anti-Circumvention Law.
No covered work shall be deemed part of an effective technological
measure under any applicable law fulfilling obligations under article
11 of the WIPO copyright treaty adopted on 20 December 1996, or
similar laws prohibiting or restricting circumvention of such
measures.
When you convey a covered work, you waive any legal power to forbid
circumvention of technological measures to the extent such circumvention
is effected by exercising rights under this License with respect to
the covered work, and you disclaim any intention to limit operation or
modification of the work as a means of enforcing, against the work's
users, your or third parties' legal rights to forbid circumvention of
technological measures.
4. Conveying Verbatim Copies.
You may convey verbatim copies of the Program's source code as you
receive it, in any medium, provided that you conspicuously and
appropriately publish on each copy an appropriate copyright notice;
keep intact all notices stating that this License and any
non-permissive terms added in accord with section 7 apply to the code;
keep intact all notices of the absence of any warranty; and give all
recipients a copy of this License along with the Program.
You may charge any price or no price for each copy that you convey,
and you may offer support or warranty protection for a fee.
5. Conveying Modified Source Versions.
You may convey a work based on the Program, or the modifications to
produce it from the Program, in the form of source code under the
terms of section 4, provided that you also meet all of these conditions:
a) The work must carry prominent notices stating that you modified
it, and giving a relevant date.
b) The work must carry prominent notices stating that it is
released under this License and any conditions added under section
7. This requirement modifies the requirement in section 4 to
"keep intact all notices".
c) You must license the entire work, as a whole, under this
License to anyone who comes into possession of a copy. This
License will therefore apply, along with any applicable section 7
additional terms, to the whole of the work, and all its parts,
regardless of how they are packaged. This License gives no
permission to license the work in any other way, but it does not
invalidate such permission if you have separately received it.
d) If the work has interactive user interfaces, each must display
Appropriate Legal Notices; however, if the Program has interactive
interfaces that do not display Appropriate Legal Notices, your
work need not make them do so.
A compilation of a covered work with other separate and independent
works, which are not by their nature extensions of the covered work,
and which are not combined with it such as to form a larger program,
in or on a volume of a storage or distribution medium, is called an
"aggregate" if the compilation and its resulting copyright are not
used to limit the access or legal rights of the compilation's users
beyond what the individual works permit. Inclusion of a covered work
in an aggregate does not cause this License to apply to the other
parts of the aggregate.
6. Conveying Non-Source Forms.
You may convey a covered work in object code form under the terms
of sections 4 and 5, provided that you also convey the
machine-readable Corresponding Source under the terms of this License,
in one of these ways:
a) Convey the object code in, or embodied in, a physical product
(including a physical distribution medium), accompanied by the
Corresponding Source fixed on a durable physical medium
customarily used for software interchange.
b) Convey the object code in, or embodied in, a physical product
(including a physical distribution medium), accompanied by a
written offer, valid for at least three years and valid for as
long as you offer spare parts or customer support for that product
model, to give anyone who possesses the object code either (1) a
copy of the Corresponding Source for all the software in the
product that is covered by this License, on a durable physical
medium customarily used for software interchange, for a price no
more than your reasonable cost of physically performing this
conveying of source, or (2) access to copy the
Corresponding Source from a network server at no charge.
c) Convey individual copies of the object code with a copy of the
written offer to provide the Corresponding Source. This
alternative is allowed only occasionally and noncommercially, and
only if you received the object code with such an offer, in accord
with subsection 6b.
d) Convey the object code by offering access from a designated
place (gratis or for a charge), and offer equivalent access to the
Corresponding Source in the same way through the same place at no
further charge. You need not require recipients to copy the
Corresponding Source along with the object code. If the place to
copy the object code is a network server, the Corresponding Source
may be on a different server (operated by you or a third party)
that supports equivalent copying facilities, provided you maintain
clear directions next to the object code saying where to find the
Corresponding Source. Regardless of what server hosts the
Corresponding Source, you remain obligated to ensure that it is
available for as long as needed to satisfy these requirements.
e) Convey the object code using peer-to-peer transmission, provided
you inform other peers where the object code and Corresponding
Source of the work are being offered to the general public at no
charge under subsection 6d.
A separable portion of the object code, whose source code is excluded
from the Corresponding Source as a System Library, need not be
included in conveying the object code work.
A "User Product" is either (1) a "consumer product", which means any
tangible personal property which is normally used for personal, family,
or household purposes, or (2) anything designed or sold for incorporation
into a dwelling. In determining whether a product is a consumer product,
doubtful cases shall be resolved in favor of coverage. For a particular
product received by a particular user, "normally used" refers to a
typical or common use of that class of product, regardless of the status
of the particular user or of the way in which the particular user
actually uses, or expects or is expected to use, the product. A product
is a consumer product regardless of whether the product has substantial
commercial, industrial or non-consumer uses, unless such uses represent
the only significant mode of use of the product.
"Installation Information" for a User Product means any methods,
procedures, authorization keys, or other information required to install
and execute modified versions of a covered work in that User Product from
a modified version of its Corresponding Source. The information must
suffice to ensure that the continued functioning of the modified object
code is in no case prevented or interfered with solely because
modification has been made.
If you convey an object code work under this section in, or with, or
specifically for use in, a User Product, and the conveying occurs as
part of a transaction in which the right of possession and use of the
User Product is transferred to the recipient in perpetuity or for a
fixed term (regardless of how the transaction is characterized), the
Corresponding Source conveyed under this section must be accompanied
by the Installation Information. But this requirement does not apply
if neither you nor any third party retains the ability to install
modified object code on the User Product (for example, the work has
been installed in ROM).
The requirement to provide Installation Information does not include a
requirement to continue to provide support service, warranty, or updates
for a work that has been modified or installed by the recipient, or for
the User Product in which it has been modified or installed. Access to a
network may be denied when the modification itself materially and
adversely affects the operation of the network or violates the rules and
protocols for communication across the network.
Corresponding Source conveyed, and Installation Information provided,
in accord with this section must be in a format that is publicly
documented (and with an implementation available to the public in
source code form), and must require no special password or key for
unpacking, reading or copying.
7. Additional Terms.
"Additional permissions" are terms that supplement the terms of this
License by making exceptions from one or more of its conditions.
Additional permissions that are applicable to the entire Program shall
be treated as though they were included in this License, to the extent
that they are valid under applicable law. If additional permissions
apply only to part of the Program, that part may be used separately
under those permissions, but the entire Program remains governed by
this License without regard to the additional permissions.
When you convey a copy of a covered work, you may at your option
remove any additional permissions from that copy, or from any part of
it. (Additional permissions may be written to require their own
removal in certain cases when you modify the work.) You may place
additional permissions on material, added by you to a covered work,
for which you have or can give appropriate copyright permission.
Notwithstanding any other provision of this License, for material you
add to a covered work, you may (if authorized by the copyright holders of
that material) supplement the terms of this License with terms:
a) Disclaiming warranty or limiting liability differently from the
terms of sections 15 and 16 of this License; or
b) Requiring preservation of specified reasonable legal notices or
author attributions in that material or in the Appropriate Legal
Notices displayed by works containing it; or
c) Prohibiting misrepresentation of the origin of that material, or
requiring that modified versions of such material be marked in
reasonable ways as different from the original version; or
d) Limiting the use for publicity purposes of names of licensors or
authors of the material; or
e) Declining to grant rights under trademark law for use of some
trade names, trademarks, or service marks; or
f) Requiring indemnification of licensors and authors of that
material by anyone who conveys the material (or modified versions of
it) with contractual assumptions of liability to the recipient, for
any liability that these contractual assumptions directly impose on
those licensors and authors.
All other non-permissive additional terms are considered "further
restrictions" within the meaning of section 10. If the Program as you
received it, or any part of it, contains a notice stating that it is
governed by this License along with a term that is a further
restriction, you may remove that term. If a license document contains
a further restriction but permits relicensing or conveying under this
License, you may add to a covered work material governed by the terms
of that license document, provided that the further restriction does
not survive such relicensing or conveying.
If you add terms to a covered work in accord with this section, you
must place, in the relevant source files, a statement of the
additional terms that apply to those files, or a notice indicating
where to find the applicable terms.
Additional terms, permissive or non-permissive, may be stated in the
form of a separately written license, or stated as exceptions;
the above requirements apply either way.
8. Termination.
You may not propagate or modify a covered work except as expressly
provided under this License. Any attempt otherwise to propagate or
modify it is void, and will automatically terminate your rights under
this License (including any patent licenses granted under the third
paragraph of section 11).
However, if you cease all violation of this License, then your
license from a particular copyright holder is reinstated (a)
provisionally, unless and until the copyright holder explicitly and
finally terminates your license, and (b) permanently, if the copyright
holder fails to notify you of the violation by some reasonable means
prior to 60 days after the cessation.
Moreover, your license from a particular copyright holder is
reinstated permanently if the copyright holder notifies you of the
violation by some reasonable means, this is the first time you have
received notice of violation of this License (for any work) from that
copyright holder, and you cure the violation prior to 30 days after
your receipt of the notice.
Termination of your rights under this section does not terminate the
licenses of parties who have received copies or rights from you under
this License. If your rights have been terminated and not permanently
reinstated, you do not qualify to receive new licenses for the same
material under section 10.
9. Acceptance Not Required for Having Copies.
You are not required to accept this License in order to receive or
run a copy of the Program. Ancillary propagation of a covered work
occurring solely as a consequence of using peer-to-peer transmission
to receive a copy likewise does not require acceptance. However,
nothing other than this License grants you permission to propagate or
modify any covered work. These actions infringe copyright if you do
not accept this License. Therefore, by modifying or propagating a
covered work, you indicate your acceptance of this License to do so.
10. Automatic Licensing of Downstream Recipients.
Each time you convey a covered work, the recipient automatically
receives a license from the original licensors, to run, modify and
propagate that work, subject to this License. You are not responsible
for enforcing compliance by third parties with this License.
An "entity transaction" is a transaction transferring control of an
organization, or substantially all assets of one, or subdividing an
organization, or merging organizations. If propagation of a covered
work results from an entity transaction, each party to that
transaction who receives a copy of the work also receives whatever
licenses to the work the party's predecessor in interest had or could
give under the previous paragraph, plus a right to possession of the
Corresponding Source of the work from the predecessor in interest, if
the predecessor has it or can get it with reasonable efforts.
You may not impose any further restrictions on the exercise of the
rights granted or affirmed under this License. For example, you may
not impose a license fee, royalty, or other charge for exercise of
rights granted under this License, and you may not initiate litigation
(including a cross-claim or counterclaim in a lawsuit) alleging that
any patent claim is infringed by making, using, selling, offering for
sale, or importing the Program or any portion of it.
11. Patents.
A "contributor" is a copyright holder who authorizes use under this
License of the Program or a work on which the Program is based. The
work thus licensed is called the contributor's "contributor version".
A contributor's "essential patent claims" are all patent claims
owned or controlled by the contributor, whether already acquired or
hereafter acquired, that would be infringed by some manner, permitted
by this License, of making, using, or selling its contributor version,
but do not include claims that would be infringed only as a
consequence of further modification of the contributor version. For
purposes of this definition, "control" includes the right to grant
patent sublicenses in a manner consistent with the requirements of
this License.
Each contributor grants you a non-exclusive, worldwide, royalty-free
patent license under the contributor's essential patent claims, to
make, use, sell, offer for sale, import and otherwise run, modify and
propagate the contents of its contributor version.
In the following three paragraphs, a "patent license" is any express
agreement or commitment, however denominated, not to enforce a patent
(such as an express permission to practice a patent or covenant not to
sue for patent infringement). To "grant" such a patent license to a
party means to make such an agreement or commitment not to enforce a
patent against the party.
If you convey a covered work, knowingly relying on a patent license,
and the Corresponding Source of the work is not available for anyone
to copy, free of charge and under the terms of this License, through a
publicly available network server or other readily accessible means,
then you must either (1) cause the Corresponding Source to be so
available, or (2) arrange to deprive yourself of the benefit of the
patent license for this particular work, or (3) arrange, in a manner
consistent with the requirements of this License, to extend the patent
license to downstream recipients. "Knowingly relying" means you have
actual knowledge that, but for the patent license, your conveying the
covered work in a country, or your recipient's use of the covered work
in a country, would infringe one or more identifiable patents in that
country that you have reason to believe are valid.
If, pursuant to or in connection with a single transaction or
arrangement, you convey, or propagate by procuring conveyance of, a
covered work, and grant a patent license to some of the parties
receiving the covered work authorizing them to use, propagate, modify
or convey a specific copy of the covered work, then the patent license
you grant is automatically extended to all recipients of the covered
work and works based on it.
A patent license is "discriminatory" if it does not include within
the scope of its coverage, prohibits the exercise of, or is
conditioned on the non-exercise of one or more of the rights that are
specifically granted under this License. You may not convey a covered
work if you are a party to an arrangement with a third party that is
in the business of distributing software, under which you make payment
to the third party based on the extent of your activity of conveying
the work, and under which the third party grants, to any of the
parties who would receive the covered work from you, a discriminatory
patent license (a) in connection with copies of the covered work
conveyed by you (or copies made from those copies), or (b) primarily
for and in connection with specific products or compilations that
contain the covered work, unless you entered into that arrangement,
or that patent license was granted, prior to 28 March 2007.
Nothing in this License shall be construed as excluding or limiting
any implied license or other defenses to infringement that may
otherwise be available to you under applicable patent law.
12. No Surrender of Others' Freedom.
If conditions are imposed on you (whether by court order, agreement or
otherwise) that contradict the conditions of this License, they do not
excuse you from the conditions of this License. If you cannot convey a
covered work so as to satisfy simultaneously your obligations under this
License and any other pertinent obligations, then as a consequence you may
not convey it at all. For example, if you agree to terms that obligate you
to collect a royalty for further conveying from those to whom you convey
the Program, the only way you could satisfy both those terms and this
License would be to refrain entirely from conveying the Program.
13. Use with the GNU Affero General Public License.
Notwithstanding any other provision of this License, you have
permission to link or combine any covered work with a work licensed
under version 3 of the GNU Affero General Public License into a single
combined work, and to convey the resulting work. The terms of this
License will continue to apply to the part which is the covered work,
but the special requirements of the GNU Affero General Public License,
section 13, concerning interaction through a network will apply to the
combination as such.
14. Revised Versions of this License.
The Free Software Foundation may publish revised and/or new versions of
the GNU General Public License from time to time. Such new versions will
be similar in spirit to the present version, but may differ in detail to
address new problems or concerns.
Each version is given a distinguishing version number. If the
Program specifies that a certain numbered version of the GNU General
Public License "or any later version" applies to it, you have the
option of following the terms and conditions either of that numbered
version or of any later version published by the Free Software
Foundation. If the Program does not specify a version number of the
GNU General Public License, you may choose any version ever published
by the Free Software Foundation.
If the Program specifies that a proxy can decide which future
versions of the GNU General Public License can be used, that proxy's
public statement of acceptance of a version permanently authorizes you
to choose that version for the Program.
Later license versions may give you additional or different
permissions. However, no additional obligations are imposed on any
author or copyright holder as a result of your choosing to follow a
later version.
15. Disclaimer of Warranty.
THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
16. Limitation of Liability.
IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
SUCH DAMAGES.
17. Interpretation of Sections 15 and 16.
If the disclaimer of warranty and limitation of liability provided
above cannot be given local legal effect according to their terms,
reviewing courts shall apply local law that most closely approximates
an absolute waiver of all civil liability in connection with the
Program, unless a warranty or assumption of liability accompanies a
copy of the Program in return for a fee.
END OF TERMS AND CONDITIONS
How to Apply These Terms to Your New Programs
If you develop a new program, and you want it to be of the greatest
possible use to the public, the best way to achieve this is to make it
free software which everyone can redistribute and change under these terms.
To do so, attach the following notices to the program. It is safest
to attach them to the start of each source file to most effectively
state the exclusion of warranty; and each file should have at least
the "copyright" line and a pointer to where the full notice is found.
<one line to give the program's name and a brief idea of what it does.>
Copyright (C) <year> <name of author>
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
Also add information on how to contact you by electronic and paper mail.
If the program does terminal interaction, make it output a short
notice like this when it starts in an interactive mode:
<program> Copyright (C) <year> <name of author>
This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
This is free software, and you are welcome to redistribute it
under certain conditions; type `show c' for details.
The hypothetical commands `show w' and `show c' should show the appropriate
parts of the General Public License. Of course, your program's commands
might be different; for a GUI interface, you would use an "about box".
You should also get your employer (if you work as a programmer) or school,
if any, to sign a "copyright disclaimer" for the program, if necessary.
For more information on this, and how to apply and follow the GNU GPL, see
<http://www.gnu.org/licenses/>.
The GNU General Public License does not permit incorporating your program
into proprietary programs. If your program is a subroutine library, you
may consider it more useful to permit linking proprietary applications with
the library. If this is what you want to do, use the GNU Lesser General
Public License instead of this License. But first, please read
<http://www.gnu.org/philosophy/why-not-lgpl.html>.

22
README.md 100755
View File

@ -0,0 +1,22 @@
## Parallaxis Scrolling Score Server
A scrolling score framework using html5 css javascript
## About
The Parallax Scrolling Score Server (PSSS) is a networked score play-out system targeted at human performers who interpret notational instructions from the web-browser. It is a multi-nodal server managed network with each performer’s browser a node, these scores are tightly synchronised with one another over the network using real-time web technologies. Written as a web application, no special software is needed to use the screen score it will run in any standards-compliant web browser (Canning, 2012b). The score may optionally be projected and visible to both audience and performers but each member of the ensemble needs a laptop, tablet or touch-screen monitor placed on a music stand to allow them access to the control parameters of the score during performance.
## Live Version
- http://parallaxis.kiben.net/index.html
## Code:
- https://git.kiben.net/rc/parallaxis.git
## Audio Examples
- https://archive.org/details/ParallaxisForFourInstrumentsAndElectronics
- https://archive.org/details/ParallaxisDigitalScoreEnsemble
- https://archive.org/details/ParallaxisNetworkMusicFestival2014
## Installation Notes

53
chronometer.js 100755
View File

@ -0,0 +1,53 @@
////////////////////////////////////////////
// Chronometer
////////////////////////////////////////////
// number padding: 0 to 00
function pad(number) { return (number < 10 ? '0' : '') + number }
function xdateTime() {
var xdatetime= new Date();
var now=xdatetime.toString()
return now
}
// the chronometer initial states
function zeroChron(){
zecsec = 0; seconds = 0;
mins = 0; hours = 0;
zero = pad(hours) +":"+pad(mins)+ ':'+ pad(seconds)
chron = zero
return zero
}
zeroChron()
/*
function chronCtrl (state,interval){
console.log("=========================== chronstate=" + state)
if (state==1){
var date = new Date()
var starttime = new Date().getTime() / 1000;
//var interval = 1020 - date.getMilliseconds();
xstopwatch = setInterval(function () {
var nowtime = new Date().getTime() / 1000;
now = nowtime-starttime
hours = parseInt( now / 3600 ) % 24;
minutes = parseInt( now / 60 ) % 60;
seconds = parseInt(now % 60);
milliseconds = Math.floor((now-seconds)*10)%60;
time = (hours < 10 ? "0" + hours : hours) + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds < 10 ? "0" + seconds : seconds) + "."+milliseconds;
console.log(time)
// socket.broadcast.emit('chronFromServer', time)
// socket.emit('chronFromServer', time)
}, 100)
}
if (state==0) {
clearInterval(xstopwatch);
}
}
*/
//exports.chronCtrl = chronCtrl;
exports.xdateTime = xdateTime;
exports.zeroChron = zeroChron;

0
duo/assets/README 100755
View File

0
duo/assets/scoreparts/png/README 100755
View File

0
duo/assets/source/README 100755
View File

39967
duo/assets/source/parallaxis-masterworkingscore.svg 100755
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 2.7 MiB

145
duo/client.html 100755
View File

@ -0,0 +1,145 @@
<!doctype html>
<html>
<head>
<title>Parallaxis</title>
<link rel="stylesheet" type="text/css" href="parallaxis.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="js/TweenMax.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
</head>
<body >
<script language="javascript">
function toggle(e) {
e = document.getElementById(e);
if(e.style.display == "block") {
e.style.display = "none";
}
else {
e.style.display = "block";
}
}
// CLOSE BUTTON FOR DIVS
$(document).on('click','.close_box',function(){
$(this).parent().fadeTo(300,1,function(){
$(this).css( "display", "none" )
});
});
</script>
<div class="outer">
<div class="controls">
</div>
<div class="scorecontainer">
<div class="score" id="scoreid">
<div id="title" class="atexts" style="top: 100px;"> <p style="font-size:120px;">PARALLAXIS</p></div>
<div id="ensemble" class="atexts" style="top: 320px;"> <p style="font-size:75px;">IN FOUR PARTS</p></div>
<div id="robcanning" class="atexts" style="top: 630px;"> <p style="font-size:35px;">rc@kiben.net 2012</p></div>
<div id="hitstart" class="atexts" style="top: 45%;">
<p style="font-size:35px; font-weight:normal; text-align:center;">
</p>
</div>
<img id="svga0" class="scoresvg" src="assets/scoreparts/png/p2.png"/>
<img id="svga1" class="scoresvg" src="assets/scoreparts/png/p1.png" />
<img id="svga2" class="scoresvg" src="assets/scoreparts/png/p4.png" />
<img id="svga3" class="scoresvg" src="assets/scoreparts/png/p4.png" />
<img id="svgb0" class="scoresvg" src="assets/scoreparts/png/p3.png"/>
<img id="svgb1" class="scoresvg" src="assets/scoreparts/png/p1.png" />
<img id="svgb2" class="scoresvg" src="assets/scoreparts/png/p4.png" />
<img id="svgb3" class="scoresvg" src="assets/scoreparts/png/p4.png" />
<img id="svgc0" class="scoresvg" src="assets/scoreparts/png/p2.png"/>
<img id="svgc1" class="scoresvg" src="assets/scoreparts/png/p1.png" />
<img id="svgc2" class="scoresvg" src="assets/scoreparts/png/p4.png" />
<img id="svgc3" class="scoresvg" src="assets/scoreparts/png/p4.png" />
<img id="svgd0" class="scoresvg" src="assets/scoreparts/png/p3.png"/>
<img id="svgd1" class="scoresvg" src="assets/scoreparts/png/p1.png" />
<img id="svgd2" class="scoresvg" src="assets/scoreparts/png/p4.png" />
<img id="svgd3" class="scoresvg" src="assets/scoreparts/png/p4.png" />
<div class="readaheadhead"> </div>
<div class="playhead" id="playa" > </div>
<div class="playhead" id="playb" > </div>
<div class="playhead" id="playc" > </div>
<div class="playhead" id="playd" > </div>
<div class="playzones playzonea" id="playzonea"> </div>
<div class="playzones playzoneb" id="playzoneb"> </div>
<div class="playzones playzonec" id="playzonec"> </div>
<div class="playzones playzoned" id="playzoned"> </div>
</div>
<div class="cue">
<input class="tbuttons" value="<<" type="button" onclick="socket.emit('seek',cue(-1)); localSeek(cue(-1))" />
<input class="tbuttons" value=">>" type="button" onclick="socket.emit('seek',cue(1)); localSeek(cue(1))" />
</div>
<div id="timer">00:00:00</div>
<div class="help">
<a id="displayText" style="display:inline;" href="javascript:toggle('helpText');">help </a>
<a id="displayControlPanel" style="position:absolute; left:1100px;" href="javascript:toggle('controlPanel');">settings</a>
</div>
<div class="helpb" id="helpText">
<div class="close_box">X</div>
<h3>Keyboard Controls</h3>
SPACEBAR = play from start
<br/> . = pause
<br/> , = resume
<br/> click on playzone will also pause part
<br/> 1 2 3 4 = keydown to pause parts and key upto resume
<br/> - + = global slower/faster 10%
<br/> [ ] = preview back/forward (paused)
<br/> h = this help panel
<br/> s = settings panel
</div>
<div class="helpb" id="controlPanel">
<div class="close_box">X</div>
<h3>Control Panel</h3>
Speed (2 double - 0.5 half) <input class="inputboxes"
type="number" id="speedxx" step="0.1" min="0.4" max="4"
size="2" value="1" onchange="allSpeed(this.value)"><br>
LAN Server IP <input class="inputboxes" type="text"
id="ctrlspeed" value="192.168.2.4" size="13"><br/>
OSC Port A (Ardour Tranport) <input class="inputboxes" type="text"
id="oscA" value="1111" size="5"><br/>
OSC Port B (Realtime FX Parameters) <input class="inputboxes" type="text"
id="oscB" value="1112" size="5"><br/>
OSC Port C (Playback Locations) <input class="inputboxes" type="text"
id="oscC" value="1113" size="3"><br/>
OSCgroups server <input class="inputboxes" type="text"
id="oscgroupsserver" size="25" value="http://oscgroups.kiben.net"><br/>
</div>
<script type="text/javascript" src="parallaxis.js"></script>
</div>
</div>
</body>
</html>

33111
duo/images/parallaxis.svg 100755
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 2.1 MiB

156
duo/index.html 100755
View File

@ -0,0 +1,156 @@
<!doctype html>
<html>
<head>
<title>Parallaxis</title>
<link rel="stylesheet" type="text/css" href="parallaxis.css">
<script src="js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="js/TweenMax.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
</head>
<body >
<script language="javascript">
function toggle(e) {
e = document.getElementById(e);
if(e.style.display == "block") {
e.style.display = "none";
}
else {
e.style.display = "block";
}
}
// CLOSE BUTTON FOR DIVS
$(document).on('click','.close_box',function(){
$(this).parent().fadeTo(300,1,function(){
$(this).css( "display", "none" )
});
});
</script>
<div class="outer">
<div class="controls">
<div class="controls leftslower" id="slowera" style="top:30px;" onclick="tla.timeScale(aplayspeed(-1))">-</div>
<div class="controls leftslower" id="slowerb" style="top:230px;" onclick="tlb.timeScale(bplayspeed(-1))">-</div>
<div class="controls leftslower" id="slowerc" style="top:430px;" onclick="tlc.timeScale(cplayspeed(-1))">-</div>
<div class="controls leftslower" id="slowerd" style="top:630px;" onclick="tld.timeScale(dplayspeed(-1))">-</div>
<div class="controls rightfaster" id="fastera" style="top:30px;" onclick="tla.timeScale(aplayspeed(1))"> +</div>
<div class="controls rightfaster" id="fasterb" style="top:230px;" onclick="tlb.timeScale(bplayspeed(1))"> +</div>
<div class="controls rightfaster" id="fasterc" style="top:430px;" onclick="tlc.timeScale(cplayspeed(1))"> +</div>
<div class="controls rightfaster" id="fasterd" style="top:630px;" onclick="tld.timeScale(dplayspeed(1))"> +</div>
</div>
<div class="scorecontainer">
<div class="score" id="scoreid">
<div id="title" class="atexts" style="top: 100px;"> <p style="font-size:120px;">PARALLAXIS</p></div>
<div id="ensemble" class="atexts" style="top: 320px;"> <p style="font-size:75px;">IN FOUR PARTS</p></div>
<div id="robcanning" class="atexts" style="top: 630px;"> <p style="font-size:35px;">rc@kiben.net 2012</p></div>
<div id="hitstart" class="atexts" style="top: 45%;">
<p style="font-size:35px; font-weight:normal; text-align:center;">
hit [SPACE] to start...
</p>
</div>
<img id="svga0" class="scoresvg" src="assets/scoreparts/png/p2.png"/>
<img id="svga1" class="scoresvg" src="assets/scoreparts/png/p1.png" />
<img id="svga2" class="scoresvg" src="assets/scoreparts/png/p4.png" />
<img id="svga3" class="scoresvg" src="assets/scoreparts/png/p4.png" />
<img id="svgb0" class="scoresvg" src="assets/scoreparts/png/p3.png"/>
<img id="svgb1" class="scoresvg" src="assets/scoreparts/png/p1.png" />
<img id="svgb2" class="scoresvg" src="assets/scoreparts/png/p4.png" />
<img id="svgb3" class="scoresvg" src="assets/scoreparts/png/p4.png" />
<img id="svgc0" class="scoresvg" src="assets/scoreparts/png/p2.png"/>
<img id="svgc1" class="scoresvg" src="assets/scoreparts/png/p1.png" />
<img id="svgc2" class="scoresvg" src="assets/scoreparts/png/p4.png" />
<img id="svgc3" class="scoresvg" src="assets/scoreparts/png/p4.png" />
<img id="svgd0" class="scoresvg" src="assets/scoreparts/png/p3.png"/>
<img id="svgd1" class="scoresvg" src="assets/scoreparts/png/p1.png" />
<img id="svgd2" class="scoresvg" src="assets/scoreparts/png/p4.png" />
<img id="svgd3" class="scoresvg" src="assets/scoreparts/png/p4.png" />
<div class="readaheadhead"> </div>
<div class="playhead" id="playa" > </div>
<div class="playhead" id="playb" > </div>
<div class="playhead" id="playc" > </div>
<div class="playhead" id="playd" > </div>
<div class="playzones playzonea" id="playzonea"> </div>
<div class="playzones playzoneb" id="playzoneb"> </div>
<div class="playzones playzonec" id="playzonec"> </div>
<div class="playzones playzoned" id="playzoned"> </div>
</div>
<div class="cue">
<input class="tbuttons" value="<<" type="button" onclick="socket.emit('seek',cue(-1)); localSeek(cue(-1))" />
<input class="tbuttons" value=">>" type="button" onclick="socket.emit('seek',cue(1)); localSeek(cue(1))" />
</div>
<div id="timer">00:00:00</div>
<div class="help">
<a id="displayText" style="display:inline;" href="javascript:toggle('helpText');">help </a>
<a id="displayControlPanel" style="position:absolute; left:1100px;" href="javascript:toggle('controlPanel');">settings</a>
</div>
<div class="helpb" id="helpText">
<div class="close_box">X</div>
<h3>Keyboard Controls</h3>
SPACEBAR = play from start
<br/> . = pause
<br/> , = resume
<br/> click on playzone will also pause part
<br/> 1 2 3 4 = keydown to pause parts and key upto resume
<br/> - + = global slower/faster 10%
<br/> [ ] = preview back/forward (paused)
<br/> h = this help panel
<br/> s = settings panel
</div>
<div class="helpb" id="controlPanel">
<div class="close_box">X</div>
<h3>Control Panel</h3>
Speed (2 double - 0.5 half) <input class="inputboxes"
type="number" id="speedxx" step="0.1" min="0.4" max="4"
size="2" value="1" onchange="allSpeed(this.value)"><br>
LAN Server IP <input class="inputboxes" type="text"
id="ctrlspeed" value="192.168.2.4" size="13"><br/>
OSC Port A (Ardour Tranport) <input class="inputboxes" type="text"
id="oscA" value="1111" size="5"><br/>
OSC Port B (Realtime FX Parameters) <input class="inputboxes" type="text"
id="oscB" value="1112" size="5"><br/>
OSC Port C (Playback Locations) <input class="inputboxes" type="text"
id="oscC" value="1113" size="3"><br/>
OSCgroups server <input class="inputboxes" type="text"
id="oscgroupsserver" size="25" value="http://oscgroups.kiben.net"><br/>
</div>
<script type="text/javascript" src="parallaxis.js"></script>
</div>
</div>
</body>
</html>

30
duo/js/TimelineLite.min.js vendored 100755
View File

@ -0,0 +1,30 @@
/**
* VERSION: beta 1.641
* DATE: 2012-11-08
* JavaScript (ActionScript 3 and 2 also available)
* UPDATES AND DOCS AT: http://www.greensock.com
*
* Copyright (c) 2008-2013, GreenSock. All rights reserved.
* This work is subject to the terms in http://www.greensock.com/terms_of_use.html or for
* Club GreenSock members, the software agreement that was issued with your membership.
*
* @author: Jack Doyle, jack@greensock.com
**/
(window._gsQueue||(window._gsQueue=[])).push(function(){_gsDefine("TimelineLite",["core.Animation","core.SimpleTimeline","TweenLite"],function(m,j,g){var h=function(b){j.call(this,b);this._labels={};this.autoRemoveChildren=!0==this.vars.autoRemoveChildren;this.smoothChildTiming=!0==this.vars.smoothChildTiming;this._sortChildren=!0;this._onUpdate=this.vars.onUpdate;for(var b=n.length,c,a;-1<--b;)if(a=this.vars[n[b]])for(c=a.length;-1<--c;)"{self}"===a[c]&&(a=this.vars[n[b]]=a.concat(),a[c]=this);this.vars.tweens instanceof
Array&&this.insertMultiple(this.vars.tweens,0,this.vars.align||"normal",this.vars.stagger||0)},n=["onStartParams","onUpdateParams","onCompleteParams","onReverseCompleteParams","onRepeatParams"],p=[],q=function(b){var c={},a;for(a in b)c[a]=b[a];return c},d=h.prototype=new j;h.version=1.641;d.constructor=h;d.kill()._gc=!1;d.to=function(b,c,a,f,e){return this.insert(new g(b,c,a),this._parseTimeOrLabel(e,f,!0))};d.from=function(b,c,a,f,e){return this.insert(g.from(b,c,a),this._parseTimeOrLabel(e,f,!0))};
d.fromTo=function(b,c,a,f,e,d){return this.insert(g.fromTo(b,c,a,f),this._parseTimeOrLabel(d,e,!0))};d.staggerTo=function(b,c,a,f,e,d,i,k,r){i=new h({onComplete:i,onCompleteParams:k,onCompleteScope:r});f=f||0;for(k=0;k<b.length;k++)null!=a.startAt&&(a.startAt=q(a.startAt)),i.insert(new g(b[k],c,q(a)),k*f);return this.insert(i,this._parseTimeOrLabel(d,e,!0))};d.staggerFrom=function(b,c,a,f,e,d,i,k,g){null==a.immediateRender&&(a.immediateRender=!0);a.runBackwards=!0;return this.staggerTo(b,c,a,f,e,
d,i,k,g)};d.staggerFromTo=function(b,c,a,f,e,d,i,k,g,h){f.startAt=a;a.immediateRender&&(f.immediateRender=!0);return this.staggerTo(b,c,f,e,d,i,k,g,h)};d.call=function(b,c,a,f,e){return this.insert(g.delayedCall(0,b,c,a),this._parseTimeOrLabel(e,f,!0))};d.set=function(b,c,a,f){c.immediateRender=!1;return this.insert(new g(b,0,c),this._parseTimeOrLabel(f,a,!0))};h.exportRoot=function(b,c){b=b||{};null==b.smoothChildTiming&&(b.smoothChildTiming=!0);var a=new h(b),f=a._timeline;null==c&&(c=!0);f._remove(a,
!0);a._startTime=0;a._rawPrevTime=a._time=a._totalTime=f._time;for(var e=f._first,d;e;)d=e._next,(!c||!(e instanceof g&&e.target===e.vars.onComplete))&&a.insert(e,e._startTime-e._delay),e=d;f.insert(a,0);return a};d.insert=function(b,c){if(!(b instanceof m)){if(b instanceof Array)return this.insertMultiple(b,c);if("string"===typeof b)return this.addLabel(b,this._parseTimeOrLabel(c||0,0,!0));if("function"===typeof b)b=g.delayedCall(0,b);else throw"ERROR: Cannot insert() "+b+" into the TimelineLite/Max because it is neither a tween, timeline, function, nor a String.";
}j.prototype.insert.call(this,b,this._parseTimeOrLabel(c||0,0,!0));if(this._gc&&!this._paused&&this._time===this._duration&&this._time<this.duration())for(var a=this;a._gc&&a._timeline;)a._timeline.smoothChildTiming?a.totalTime(a._totalTime,!0):a._enabled(!0,!1),a=a._timeline;return this};d.remove=function(b){if(b instanceof m)return this._remove(b,!1);if(b instanceof Array){for(var c=b.length;-1<--c;)this.remove(b[c]);return this}return"string"===typeof b?this.removeLabel(b):this.kill(null,b)};d.append=
function(b,c){return this.insert(b,this._parseTimeOrLabel(null,c,!0))};d.insertMultiple=function(b,c,a,f){for(var a=a||"normal",f=f||0,e,d=this._parseTimeOrLabel(c||0,0,!0),i=b.length,c=0;c<i;c++){if((e=b[c])instanceof Array)e=new h({tweens:e});this.insert(e,d);"string"===typeof e||"function"===typeof e||("sequence"===a?d=e._startTime+e.totalDuration()/e._timeScale:"start"===a&&(e._startTime-=e.delay()));d+=f}return this._uncache(!0)};d.appendMultiple=function(b,c,a,f){return this.insertMultiple(b,
this._parseTimeOrLabel(null,c,!0),a,f)};d.addLabel=function(b,c){this._labels[b]=c;return this};d.removeLabel=function(b){delete this._labels[b];return this};d.getLabelTime=function(b){return null!=this._labels[b]?this._labels[b]:-1};d._parseTimeOrLabel=function(b,c,a){if("string"===typeof c)return this._parseTimeOrLabel(c,a&&"number"===typeof b&&null==this._labels[c]?b-this.duration():0,a);c=c||0;return null==b?this.duration()+c:"string"===typeof b&&isNaN(b)?null==this._labels[b]?a?this._labels[b]=
this.duration()+c:c:this._labels[b]+c:Number(b)+c};d.seek=function(b,c){return this.totalTime(this._parseTimeOrLabel(b),!1!=c)};d.stop=function(){return this.paused(!0)};d.gotoAndPlay=function(b,c){return j.prototype.play.call(this,b,c)};d.gotoAndStop=function(b,c){return this.pause(b,c)};d.render=function(b,c,a){this._gc&&this._enabled(!0,!1);this._active=!this._paused;var f=!this._dirty?this._totalDuration:this.totalDuration(),e=this._time,d=this._startTime,i=this._timeScale,g=this._paused,h,j,
l;if(b>=f){this._totalTime=this._time=f;if(!this._reversed&&!this._hasPausedChild()&&(h=!0,l="onComplete",0===this._duration&&(0===b||0>this._rawPrevTime)))this._rawPrevTime!==b&&(a=!0);this._rawPrevTime=b;b=f+1E-6}else if(0>=b){this._totalTime=this._time=0;if(0!==e||0===this._duration&&0<this._rawPrevTime)l="onReverseComplete",h=this._reversed;0>b?(this._active=!1,0===this._duration&&0<=this._rawPrevTime&&(a=!0)):this._initted||(a=!0);this._rawPrevTime=b;b=-1E-6}else this._totalTime=this._time=this._rawPrevTime=
b;if(this._time!==e||a){this._initted||(this._initted=!0);0===e&&this.vars.onStart&&0!==this._time&&(c||this.vars.onStart.apply(this.vars.onStartScope||this,this.vars.onStartParams||p));if(this._time>e)for(a=this._first;a;){j=a._next;if(this._paused&&!g)break;else if(a._active||a._startTime<=this._time&&!a._paused&&!a._gc)a._reversed?a.render((!a._dirty?a._totalDuration:a.totalDuration())-(b-a._startTime)*a._timeScale,c,!1):a.render((b-a._startTime)*a._timeScale,c,!1);a=j}else for(a=this._last;a;){j=
a._prev;if(this._paused&&!g)break;else if(a._active||a._startTime<=e&&!a._paused&&!a._gc)a._reversed?a.render((!a._dirty?a._totalDuration:a.totalDuration())-(b-a._startTime)*a._timeScale,c,!1):a.render((b-a._startTime)*a._timeScale,c,!1);a=j}this._onUpdate&&(c||this._onUpdate.apply(this.vars.onUpdateScope||this,this.vars.onUpdateParams||p));if(l&&!this._gc&&(d===this._startTime||i!=this._timeScale))if(0===this._time||f>=this.totalDuration())h&&(this._timeline.autoRemoveChildren&&this._enabled(!1,
!1),this._active=!1),c||this.vars[l]&&this.vars[l].apply(this.vars[l+"Scope"]||this,this.vars[l+"Params"]||p)}};d._hasPausedChild=function(){for(var b=this._first;b;){if(b._paused||b instanceof h&&b._hasPausedChild())return!0;b=b._next}return!1};d.getChildren=function(b,c,a,f){for(var f=f||-9999999999,e=[],d=this._first,i=0;d;)d._startTime<f||(d instanceof g?!1!=c&&(e[i++]=d):(!1!=a&&(e[i++]=d),!1!=b&&(e=e.concat(d.getChildren(!0,c,a)),i=e.length))),d=d._next;return e};d.getTweensOf=function(b,c){for(var a=
g.getTweensOf(b),d=a.length,e=[],h=0;-1<--d;)if(a[d].timeline===this||c&&this._contains(a[d]))e[h++]=a[d];return e};d._contains=function(b){for(b=b.timeline;b;){if(b===this)return!0;b=b.timeline}return!1};d.shiftChildren=function(b,c,a){for(var a=a||0,d=this._first;d;)d._startTime>=a&&(d._startTime+=b),d=d._next;if(c)for(var e in this._labels)this._labels[e]>=a&&(this._labels[e]+=b);return this._uncache(!0)};d._kill=function(b,c){if(null==b&&null==c)return this._enabled(!1,!1);for(var a=null==c?this.getChildren(!0,
!0,!1):this.getTweensOf(c),d=a.length,e=!1;-1<--d;)a[d]._kill(b,c)&&(e=!0);return e};d.clear=function(b){var c=this.getChildren(!1,!0,!0),a=c.length;for(this._time=this._totalTime=0;-1<--a;)c[a]._enabled(!1,!1);!1!=b&&(this._labels={});return this._uncache(!0)};d.invalidate=function(){for(var b=this._first;b;)b.invalidate(),b=b._next;return this};d._enabled=function(b,c){if(b===this._gc)for(var a=this._first;a;)a._enabled(b,!0),a=a._next;return j.prototype._enabled.call(this,b,c)};d.progress=function(b){return!arguments.length?
this._time/this.duration():this.totalTime(this.duration()*b,!1)};d.duration=function(b){if(!arguments.length)return this._dirty&&this.totalDuration(),this._duration;0!==this.duration()&&0!==b&&this.timeScale(this._duration/b);return this};d.totalDuration=function(b){if(!arguments.length){if(this._dirty){for(var c=0,a=this._first,d=-999999999999,e;a;)e=a._next,a._startTime<d&&this._sortChildren?this.insert(a,a._startTime-a._delay):d=a._startTime,0>a._startTime&&(c-=a._startTime,this.shiftChildren(-a._startTime,
!1,-9999999999)),a=a._startTime+(!a._dirty?a._totalDuration:a.totalDuration())/a._timeScale,a>c&&(c=a),a=e;this._duration=this._totalDuration=c;this._dirty=!1}return this._totalDuration}0!==this.totalDuration()&&0!==b&&this.timeScale(this._totalDuration/b);return this};d.usesFrames=function(){for(var b=this._timeline;b._timeline;)b=b._timeline;return b===m._rootFramesTimeline};d.rawTime=function(){return this._paused||0!==this._totalTime&&this._totalTime!==this._totalDuration?this._totalTime:(this._timeline.rawTime()-
this._startTime)*this._timeScale};return h},!0)});window._gsDefine&&_gsQueue.pop()();

44
duo/js/TimelineMax.min.js vendored 100755
View File

@ -0,0 +1,44 @@
/*!
* VERSION: beta 1.641
* DATE: 2012-11-08
* JavaScript (ActionScript 3 and 2 also available)
* UPDATES AND DOCS AT: http://www.greensock.com
*
* Copyright (c) 2008-2013, GreenSock. All rights reserved.
* This work is subject to the terms in http://www.greensock.com/terms_of_use.html or for
* Club GreenSock members, the software agreement that was issued with your membership.
*
* @author: Jack Doyle, jack@greensock.com
*/
(window._gsQueue||(window._gsQueue=[])).push(function(){_gsDefine("TimelineMax",["TimelineLite","TweenLite","easing.Ease"],function(h,p,f){var g=function(d){h.call(this,d);this._repeat=this.vars.repeat||0;this._repeatDelay=this.vars.repeatDelay||0;this._cycle=0;this._yoyo=!0==this.vars.yoyo;this._dirty=!0},q=[],s=new f(null,null,1,0),f=g.prototype=new h;f.constructor=g;f.kill()._gc=!1;g.version=1.641;f.invalidate=function(){this._yoyo=!0===this.vars.yoyo;this._repeat=this.vars.repeat||0;this._repeatDelay=
this.vars.repeatDelay||0;this._uncache(!0);return h.prototype.invalidate.call(this)};f.addCallback=function(d,c,a,e){return this.insert(p.delayedCall(0,d,a,e),c)};f.removeCallback=function(d,c){if(null==c)this._kill(null,d);else for(var a=this.getTweensOf(d,!1),e=a.length,b=this._parseTimeOrLabel(c);-1<--e;)a[e]._startTime===b&&a[e]._enabled(!1,!1);return this};f.tweenTo=function(d,c){var c=c||{},a={ease:s,overwrite:2,useFrames:this.usesFrames(),immediateRender:!1},e,b;for(e in c)a[e]=c[e];a.time=
this._parseTimeOrLabel(d);b=new p(this,Math.abs(Number(a.time)-this._time)/this._timeScale||0.001,a);a.onStart=function(){b.target.paused(!0);b.vars.time!==b.target.time()&&b.duration(Math.abs(b.vars.time-b.target.time())/b.target._timeScale);c.onStart&&c.onStart.apply(c.onStartScope||b,c.onStartParams||q)};return b};f.tweenFromTo=function(d,c,a){a=a||{};a.startAt={time:this._parseTimeOrLabel(d)};d=this.tweenTo(c,a);return d.duration(Math.abs(d.vars.time-d.vars.startAt.time)/this._timeScale||0.001)};
f.render=function(d,c,a){this._gc&&this._enabled(!0,!1);this._active=!this._paused;var e=!this._dirty?this._totalDuration:this.totalDuration(),b=this._time,j=this._totalTime,i=this._startTime,f=this._timeScale,n=this._rawPrevTime,m=this._paused,k=this._cycle,g,l;if(d>=e){this._locked||(this._totalTime=e,this._cycle=this._repeat);if(!this._reversed&&!this._hasPausedChild()&&(g=!0,l="onComplete",0===this._duration&&(0===d||0>this._rawPrevTime)))this._rawPrevTime!==d&&(a=!0);this._rawPrevTime=d;this._yoyo&&
0!==(this._cycle&1)?(this._time=0,d=-1E-6):(this._time=this._duration,d=this._duration+1E-6)}else if(0>=d){this._locked||(this._totalTime=this._cycle=0);this._time=0;if(0!==b||0===this._duration&&0<this._rawPrevTime&&!this._locked)l="onReverseComplete",g=this._reversed;0>d?(this._active=!1,0===this._duration&&0<=this._rawPrevTime&&(a=!0)):this._initted||(a=!0);this._rawPrevTime=d;d=0===this._duration?0:-1E-6}else if(this._time=this._rawPrevTime=d,!this._locked&&(this._totalTime=d,0!==this._repeat)){var r=
this._duration+this._repeatDelay;this._cycle=this._totalTime/r>>0;0!==this._cycle&&this._cycle===this._totalTime/r&&this._cycle--;this._time=this._totalTime-this._cycle*r;this._yoyo&&0!==(this._cycle&1)&&(this._time=this._duration-this._time);this._time>this._duration?(this._time=this._duration,d=this._duration+1E-6):0>this._time?this._time=d=0:d=this._time}if(this._cycle!==k&&!this._locked){var r=this._yoyo&&0!==(k&1),h=r===(this._yoyo&&0!==(this._cycle&1)),p=this._totalTime,s=this._cycle,u=this._rawPrevTime,
v=this._time;this._totalTime=k*this._duration;this._cycle<k?r=!r:this._totalTime+=this._duration;this._time=b;this._rawPrevTime=0===this._duration?n-1E-5:n;this._cycle=k;this._locked=!0;b=r?0:this._duration;this.render(b,c,0===this._duration);c||this._gc||this.vars.onRepeat&&this.vars.onRepeat.apply(this.vars.onRepeatScope||this,this.vars.onRepeatParams||q);h&&(b=r?this._duration+1E-6:-1E-6,this.render(b,!0,!1));this._time=v;this._totalTime=p;this._cycle=s;this._rawPrevTime=u;this._locked=!1}if(this._time===
b&&!a)j!==this._totalTime&&this._onUpdate&&(c||this._onUpdate.apply(this.vars.onUpdateScope||this,this.vars.onUpdateParams||q));else{this._initted||(this._initted=!0);0===j&&this.vars.onStart&&0!==this._totalTime&&(c||this.vars.onStart.apply(this.vars.onStartScope||this,this.vars.onStartParams||q));if(this._time>b)for(a=this._first;a;){j=a._next;if(this._paused&&!m)break;else if(a._active||a._startTime<=this._time&&!a._paused&&!a._gc)a._reversed?a.render((!a._dirty?a._totalDuration:a.totalDuration())-
(d-a._startTime)*a._timeScale,c,!1):a.render((d-a._startTime)*a._timeScale,c,!1);a=j}else for(a=this._last;a;){j=a._prev;if(this._paused&&!m)break;else if(a._active||a._startTime<=b&&!a._paused&&!a._gc)a._reversed?a.render((!a._dirty?a._totalDuration:a.totalDuration())-(d-a._startTime)*a._timeScale,c,!1):a.render((d-a._startTime)*a._timeScale,c,!1);a=j}this._onUpdate&&(c||this._onUpdate.apply(this.vars.onUpdateScope||this,this.vars.onUpdateParams||q));if(l&&!this._locked&&!this._gc&&(i===this._startTime||
f!==this._timeScale))if(0===this._time||e>=this.totalDuration())g&&(this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),c||this.vars[l]&&this.vars[l].apply(this.vars[l+"Scope"]||this,this.vars[l+"Params"]||q)}};f.getActive=function(d,c,a){null==d&&(d=!0);null==c&&(c=!0);null==a&&(a=!1);var e=[],d=this.getChildren(d,c,a),c=0,a=d.length,b,j;for(b=0;b<a;b++)if(j=d[b],!j._paused&&j._timeline._time>=j._startTime&&j._timeline._time<j._startTime+j._totalDuration/j._timeScale){var i;
a:{for(i=j._timeline;i;){if(i._paused){i=!0;break a}i=i._timeline}i=!1}i||(e[c++]=j)}return e};f.getLabelAfter=function(d){!d&&0!==d&&(d=this._time);var c=this.getLabelsArray(),a=c.length,e;for(e=0;e<a;e++)if(c[e].time>d)return c[e].name;return null};f.getLabelBefore=function(d){null==d&&(d=this._time);for(var c=this.getLabelsArray(),a=c.length;-1<--a;)if(c[a].time<d)return c[a].name;return null};f.getLabelsArray=function(){var d=[],c=0,a;for(a in this._labels)d[c++]={time:this._labels[a],name:a};
d.sort(function(a,b){return a.time-b.time});return d};f.progress=function(d){return!arguments.length?this._time/this.duration():this.totalTime(this.duration()*(this._yoyo&&0!==(this._cycle&1)?1-d:d)+this._cycle*(this._duration+this._repeatDelay),!1)};f.totalProgress=function(d){return!arguments.length?this._totalTime/this.totalDuration():this.totalTime(this.totalDuration()*d,!1)};f.totalDuration=function(d){return!arguments.length?(this._dirty&&(h.prototype.totalDuration.call(this),this._totalDuration=
-1===this._repeat?999999999999:this._duration*(this._repeat+1)+this._repeatDelay*this._repeat),this._totalDuration):-1===this._repeat?this:this.duration((d-this._repeat*this._repeatDelay)/(this._repeat+1))};f.time=function(d,c){if(!arguments.length)return this._time;this._dirty&&this.totalDuration();d>this._duration&&(d=this._duration);this._yoyo&&0!==(this._cycle&1)?d=this._duration-d+this._cycle*(this._duration+this._repeatDelay):0!==this._repeat&&(d+=this._cycle*(this._duration+this._repeatDelay));
return this.totalTime(d,c)};f.repeat=function(d){if(!arguments.length)return this._repeat;this._repeat=d;return this._uncache(!0)};f.repeatDelay=function(d){if(!arguments.length)return this._repeatDelay;this._repeatDelay=d;return this._uncache(!0)};f.yoyo=function(d){if(!arguments.length)return this._yoyo;this._yoyo=d;return this};f.currentLabel=function(d){return!arguments.length?this.getLabelBefore(this._time+1E-8):this.seek(d,!0)};return g},!0);_gsDefine("TimelineLite",["core.Animation","core.SimpleTimeline",
"TweenLite"],function(h,p,f){var g=function(a){p.call(this,a);this._labels={};this.autoRemoveChildren=!0==this.vars.autoRemoveChildren;this.smoothChildTiming=!0==this.vars.smoothChildTiming;this._sortChildren=!0;this._onUpdate=this.vars.onUpdate;for(var a=q.length,e,b;-1<--a;)if(b=this.vars[q[a]])for(e=b.length;-1<--e;)"{self}"===b[e]&&(b=this.vars[q[a]]=b.concat(),b[e]=this);this.vars.tweens instanceof Array&&this.insertMultiple(this.vars.tweens,0,this.vars.align||"normal",this.vars.stagger||0)},
q=["onStartParams","onUpdateParams","onCompleteParams","onReverseCompleteParams","onRepeatParams"],s=[],d=function(a){var e={},b;for(b in a)e[b]=a[b];return e},c=g.prototype=new p;g.version=1.641;c.constructor=g;c.kill()._gc=!1;c.to=function(a,e,b,c,d){return this.insert(new f(a,e,b),this._parseTimeOrLabel(d,c,!0))};c.from=function(a,e,b,c,d){return this.insert(f.from(a,e,b),this._parseTimeOrLabel(d,c,!0))};c.fromTo=function(a,e,b,c,d,t){return this.insert(f.fromTo(a,e,b,c),this._parseTimeOrLabel(t,
d,!0))};c.staggerTo=function(a,e,b,c,i,t,n,m,k){n=new g({onComplete:n,onCompleteParams:m,onCompleteScope:k});c=c||0;for(m=0;m<a.length;m++)null!=b.startAt&&(b.startAt=d(b.startAt)),n.insert(new f(a[m],e,d(b)),m*c);return this.insert(n,this._parseTimeOrLabel(t,i,!0))};c.staggerFrom=function(a,e,b,c,d,f,n,g,k){null==b.immediateRender&&(b.immediateRender=!0);b.runBackwards=!0;return this.staggerTo(a,e,b,c,d,f,n,g,k)};c.staggerFromTo=function(a,e,b,c,d,f,g,m,k,h){c.startAt=b;b.immediateRender&&(c.immediateRender=
!0);return this.staggerTo(a,e,c,d,f,g,m,k,h)};c.call=function(a,e,b,c,d){return this.insert(f.delayedCall(0,a,e,b),this._parseTimeOrLabel(d,c,!0))};c.set=function(a,e,b,c){e.immediateRender=!1;return this.insert(new f(a,0,e),this._parseTimeOrLabel(c,b,!0))};g.exportRoot=function(a,e){a=a||{};null==a.smoothChildTiming&&(a.smoothChildTiming=!0);var b=new g(a),c=b._timeline;null==e&&(e=!0);c._remove(b,!0);b._startTime=0;b._rawPrevTime=b._time=b._totalTime=c._time;for(var d=c._first,t;d;)t=d._next,(!e||
!(d instanceof f&&d.target===d.vars.onComplete))&&b.insert(d,d._startTime-d._delay),d=t;c.insert(b,0);return b};c.insert=function(a,e){if(!(a instanceof h)){if(a instanceof Array)return this.insertMultiple(a,e);if("string"===typeof a)return this.addLabel(a,this._parseTimeOrLabel(e||0,0,!0));if("function"===typeof a)a=f.delayedCall(0,a);else throw"ERROR: Cannot insert() "+a+" into the TimelineLite/Max because it is neither a tween, timeline, function, nor a String.";}p.prototype.insert.call(this,a,
this._parseTimeOrLabel(e||0,0,!0));if(this._gc&&!this._paused&&this._time===this._duration&&this._time<this.duration())for(var b=this;b._gc&&b._timeline;)b._timeline.smoothChildTiming?b.totalTime(b._totalTime,!0):b._enabled(!0,!1),b=b._timeline;return this};c.remove=function(a){if(a instanceof h)return this._remove(a,!1);if(a instanceof Array){for(var e=a.length;-1<--e;)this.remove(a[e]);return this}return"string"===typeof a?this.removeLabel(a):this.kill(null,a)};c.append=function(a,e){return this.insert(a,
this._parseTimeOrLabel(null,e,!0))};c.insertMultiple=function(a,e,b,c){for(var b=b||"normal",c=c||0,d,f=this._parseTimeOrLabel(e||0,0,!0),n=a.length,e=0;e<n;e++){if((d=a[e])instanceof Array)d=new g({tweens:d});this.insert(d,f);"string"===typeof d||"function"===typeof d||("sequence"===b?f=d._startTime+d.totalDuration()/d._timeScale:"start"===b&&(d._startTime-=d.delay()));f+=c}return this._uncache(!0)};c.appendMultiple=function(a,e,b,d){return this.insertMultiple(a,this._parseTimeOrLabel(null,e,!0),
b,d)};c.addLabel=function(a,e){this._labels[a]=e;return this};c.removeLabel=function(a){delete this._labels[a];return this};c.getLabelTime=function(a){return null!=this._labels[a]?this._labels[a]:-1};c._parseTimeOrLabel=function(a,e,b){if("string"===typeof e)return this._parseTimeOrLabel(e,b&&"number"===typeof a&&null==this._labels[e]?a-this.duration():0,b);e=e||0;return null==a?this.duration()+e:"string"===typeof a&&isNaN(a)?null==this._labels[a]?b?this._labels[a]=this.duration()+e:e:this._labels[a]+
e:Number(a)+e};c.seek=function(a,e){return this.totalTime(this._parseTimeOrLabel(a),!1!=e)};c.stop=function(){return this.paused(!0)};c.gotoAndPlay=function(a,e){return p.prototype.play.call(this,a,e)};c.gotoAndStop=function(a,e){return this.pause(a,e)};c.render=function(a,e,b){this._gc&&this._enabled(!0,!1);this._active=!this._paused;var d=!this._dirty?this._totalDuration:this.totalDuration(),c=this._time,f=this._startTime,g=this._timeScale,m=this._paused,k,h,l;if(a>=d){this._totalTime=this._time=
d;if(!this._reversed&&!this._hasPausedChild()&&(k=!0,l="onComplete",0===this._duration&&(0===a||0>this._rawPrevTime)))this._rawPrevTime!==a&&(b=!0);this._rawPrevTime=a;a=d+1E-6}else if(0>=a){this._totalTime=this._time=0;if(0!==c||0===this._duration&&0<this._rawPrevTime)l="onReverseComplete",k=this._reversed;0>a?(this._active=!1,0===this._duration&&0<=this._rawPrevTime&&(b=!0)):this._initted||(b=!0);this._rawPrevTime=a;a=-1E-6}else this._totalTime=this._time=this._rawPrevTime=a;if(this._time!==c||
b){this._initted||(this._initted=!0);0===c&&this.vars.onStart&&0!==this._time&&(e||this.vars.onStart.apply(this.vars.onStartScope||this,this.vars.onStartParams||s));if(this._time>c)for(b=this._first;b;){h=b._next;if(this._paused&&!m)break;else if(b._active||b._startTime<=this._time&&!b._paused&&!b._gc)b._reversed?b.render((!b._dirty?b._totalDuration:b.totalDuration())-(a-b._startTime)*b._timeScale,e,!1):b.render((a-b._startTime)*b._timeScale,e,!1);b=h}else for(b=this._last;b;){h=b._prev;if(this._paused&&
!m)break;else if(b._active||b._startTime<=c&&!b._paused&&!b._gc)b._reversed?b.render((!b._dirty?b._totalDuration:b.totalDuration())-(a-b._startTime)*b._timeScale,e,!1):b.render((a-b._startTime)*b._timeScale,e,!1);b=h}this._onUpdate&&(e||this._onUpdate.apply(this.vars.onUpdateScope||this,this.vars.onUpdateParams||s));if(l&&!this._gc&&(f===this._startTime||g!=this._timeScale))if(0===this._time||d>=this.totalDuration())k&&(this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),e||this.vars[l]&&
this.vars[l].apply(this.vars[l+"Scope"]||this,this.vars[l+"Params"]||s)}};c._hasPausedChild=function(){for(var a=this._first;a;){if(a._paused||a instanceof g&&a._hasPausedChild())return!0;a=a._next}return!1};c.getChildren=function(a,d,b,c){for(var c=c||-9999999999,i=[],g=this._first,h=0;g;)g._startTime<c||(g instanceof f?!1!=d&&(i[h++]=g):(!1!=b&&(i[h++]=g),!1!=a&&(i=i.concat(g.getChildren(!0,d,b)),h=i.length))),g=g._next;return i};c.getTweensOf=function(a,d){for(var b=f.getTweensOf(a),c=b.length,
g=[],h=0;-1<--c;)if(b[c].timeline===this||d&&this._contains(b[c]))g[h++]=b[c];return g};c._contains=function(a){for(a=a.timeline;a;){if(a===this)return!0;a=a.timeline}return!1};c.shiftChildren=function(a,d,b){for(var b=b||0,c=this._first;c;)c._startTime>=b&&(c._startTime+=a),c=c._next;if(d)for(var f in this._labels)this._labels[f]>=b&&(this._labels[f]+=a);return this._uncache(!0)};c._kill=function(a,c){if(null==a&&null==c)return this._enabled(!1,!1);for(var b=null==c?this.getChildren(!0,!0,!1):this.getTweensOf(c),
d=b.length,f=!1;-1<--d;)b[d]._kill(a,c)&&(f=!0);return f};c.clear=function(a){var c=this.getChildren(!1,!0,!0),b=c.length;for(this._time=this._totalTime=0;-1<--b;)c[b]._enabled(!1,!1);!1!=a&&(this._labels={});return this._uncache(!0)};c.invalidate=function(){for(var a=this._first;a;)a.invalidate(),a=a._next;return this};c._enabled=function(a,c){if(a===this._gc)for(var b=this._first;b;)b._enabled(a,!0),b=b._next;return p.prototype._enabled.call(this,a,c)};c.progress=function(a){return!arguments.length?
this._time/this.duration():this.totalTime(this.duration()*a,!1)};c.duration=function(a){if(!arguments.length)return this._dirty&&this.totalDuration(),this._duration;0!==this.duration()&&0!==a&&this.timeScale(this._duration/a);return this};c.totalDuration=function(a){if(!arguments.length){if(this._dirty){for(var c=0,b=this._first,d=-999999999999,f;b;)f=b._next,b._startTime<d&&this._sortChildren?this.insert(b,b._startTime-b._delay):d=b._startTime,0>b._startTime&&(c-=b._startTime,this.shiftChildren(-b._startTime,
!1,-9999999999)),b=b._startTime+(!b._dirty?b._totalDuration:b.totalDuration())/b._timeScale,b>c&&(c=b),b=f;this._duration=this._totalDuration=c;this._dirty=!1}return this._totalDuration}0!==this.totalDuration()&&0!==a&&this.timeScale(this._totalDuration/a);return this};c.usesFrames=function(){for(var a=this._timeline;a._timeline;)a=a._timeline;return a===h._rootFramesTimeline};c.rawTime=function(){return this._paused||0!==this._totalTime&&this._totalTime!==this._totalDuration?this._totalTime:(this._timeline.rawTime()-
this._startTime)*this._timeScale};return g},!0)});window._gsDefine&&_gsQueue.pop()();

52
duo/js/TweenLite.min.js vendored 100755
View File

@ -0,0 +1,52 @@
/*!
* VERSION: beta 1.668
* DATE: 2013-01-01
* JavaScript
* UPDATES AND DOCS AT: http://www.greensock.com
*
* Copyright (c) 2008-2013, GreenSock. All rights reserved.
* This work is subject to the terms in http://www.greensock.com/terms_of_use.html or for
* Club GreenSock members, the software agreement that was issued with your membership.
*
* @author: Jack Doyle, jack@greensock.com
*/
(function(n){var H=function(a){a=a.split(".");var c=n,b;for(b=0;b<a.length;b++)c[a[b]]=c=c[a[b]]||{};return c},m=H("com.greensock"),q,k,d,C,I,x={},D=function(a,c,b,l){this.sc=x[a]?x[a].sc:[];x[a]=this;this.gsClass=null;this.def=b;var e=c||[],d=[];this.check=function(c){for(var f=e.length,h=0,p;-1<--f;)(p=x[e[f]]||new D(e[f])).gsClass?d[f]=p.gsClass:(h++,c&&p.sc.push(this));if(0===h&&b){c=("com.greensock."+a).split(".");var f=c.pop(),k=H(c.join("."))[f]=this.gsClass=b.apply(b,d);l&&((n.GreenSockGlobals||
n)[f]=k,"function"===typeof define&&define.amd?define((n.GreenSockAMDPath?n.GreenSockAMDPath+"/":"")+a.split(".").join("/"),[],function(){return k}):"undefined"!==typeof module&&module.exports&&(module.exports=k));for(f=0;f<this.sc.length;f++)this.sc[f].check(!1)}};this.check(!0)},s=m._class=function(a,c,b){c=c||function(){};new D(a,[],function(){return c},b);return c};n._gsDefine=function(a,c,b,l){return new D(a,c,b,l)};var J=[0,0,1,1],E=[],u=s("easing.Ease",function(a,c,b,l){this._func=a;this._type=
b||0;this._power=l||0;this._params=c?J.concat(c):J},!0);d=u.prototype;d._calcEnd=!1;d.getRatio=function(a){if(this._func)return this._params[0]=a,this._func.apply(null,this._params);var c=this._type,b=this._power,l=1===c?1-a:2===c?a:0.5>a?2*a:2*(1-a);1===b?l*=l:2===b?l*=l*l:3===b?l*=l*l*l:4===b&&(l*=l*l*l*l);return 1===c?1-l:2===c?l:0.5>a?l/2:1-l/2};q=["Linear","Quad","Cubic","Quart","Quint"];for(k=q.length;-1<--k;)d=s("easing."+q[k],null,!0),C=s("easing.Power"+k,null,!0),d.easeOut=C.easeOut=new u(null,
null,1,k),d.easeIn=C.easeIn=new u(null,null,2,k),d.easeInOut=C.easeInOut=new u(null,null,3,k);s("easing.Strong",m.easing.Power4,!0);m.easing.Linear.easeNone=m.easing.Linear.easeIn;var K=s("events.EventDispatcher",function(a){this._listeners={};this._eventTarget=a||this});d=K.prototype;d.addEventListener=function(a,c,b,l,e){e=e||0;var d=this._listeners[a],j=0,f;null==d&&(this._listeners[a]=d=[]);for(f=d.length;-1<--f;)a=d[f],a.c===c?d.splice(f,1):0===j&&a.pr<e&&(j=f+1);d.splice(j,0,{c:c,s:b,up:l,pr:e})};
d.removeEventListener=function(a,c){var b=this._listeners[a],l;if(b)for(l=b.length;-1<--l;)if(b[l].c===c){b.splice(l,1);break}};d.dispatchEvent=function(a){var c=this._listeners[a];if(c)for(var b=c.length,l=this._eventTarget,d;-1<--b;)d=c[b],d.up?d.c.call(d.s||l,{type:a,target:l}):d.c.call(d.s||l)};var z=n.requestAnimationFrame,F=n.cancelAnimationFrame,L=Date.now||function(){return(new Date).getTime()};q=["ms","moz","webkit","o"];for(k=q.length;-1<--k&&!z;)z=n[q[k]+"RequestAnimationFrame"],F=n[q[k]+
"CancelAnimationFrame"]||n[q[k]+"CancelRequestAnimationFrame"];s("Ticker",function(a,c){var b=this,l=L(),d=!1!==c&&z,g,j,f,h,p,k=function(){null!=f&&(!d||!F?n.clearTimeout(f):F(f),f=null)},m=function(a){b.time=(L()-l)/1E3;if(!g||b.time>=p||!0===a)b.frame++,p=b.time>p?b.time+h-(b.time-p):b.time+h-0.001,p<b.time+0.001&&(p=b.time+0.001),b.dispatchEvent("tick");!0!==a&&(f=j(m))};K.call(b);this.time=this.frame=0;this.tick=function(){m(!0)};this.fps=function(a){if(!arguments.length)return g;g=a;h=1/(g||
60);p=this.time+h;j=0===g?function(){}:!d||!z?function(a){return n.setTimeout(a,1E3*(p-b.time)+1>>0||1)}:z;k();f=j(m)};this.useRAF=function(a){if(!arguments.length)return d;k();d=a;b.fps(g)};b.fps(a);n.setTimeout(function(){d&&!f&&b.useRAF(!1)},1E3)});d=m.Ticker.prototype=new m.events.EventDispatcher;d.constructor=m.Ticker;var r=s("core.Animation",function(a,c){this.vars=c||{};this._duration=this._totalDuration=a||0;this._delay=Number(this.vars.delay)||0;this._timeScale=1;this._active=!0===this.vars.immediateRender;
this.data=this.vars.data;this._reversed=!0===this.vars.reversed;if(v){I||(t.tick(),I=!0);var b=this.vars.useFrames?y:v;b.insert(this,b._time);this.vars.paused&&this.paused(!0)}}),t=r.ticker=new m.Ticker;d=r.prototype;d._dirty=d._gc=d._initted=d._paused=!1;d._totalTime=d._time=0;d._rawPrevTime=-1;d._next=d._last=d._onUpdate=d._timeline=d.timeline=null;d._paused=!1;d.play=function(a,c){arguments.length&&this.seek(a,c);this.reversed(!1);return this.paused(!1)};d.pause=function(a,c){arguments.length&&
this.seek(a,c);return this.paused(!0)};d.resume=function(a,c){arguments.length&&this.seek(a,c);return this.paused(!1)};d.seek=function(a,c){return this.totalTime(Number(a),!1!==c)};d.restart=function(a,c){this.reversed(!1);this.paused(!1);return this.totalTime(a?-this._delay:0,!1!==c)};d.reverse=function(a,c){arguments.length&&this.seek(a||this.totalDuration(),c);this.reversed(!0);return this.paused(!1)};d.render=function(){};d.invalidate=function(){return this};d._enabled=function(a,c){this._gc=
!a;this._active=a&&!this._paused&&0<this._totalTime&&this._totalTime<this._totalDuration;!0!==c&&(a&&null==this.timeline?this._timeline.insert(this,this._startTime-this._delay):!a&&null!=this.timeline&&this._timeline._remove(this,!0));return!1};d._kill=function(){return this._enabled(!1,!1)};d.kill=function(a,c){this._kill(a,c);return this};d._uncache=function(a){for(a=a?this:this.timeline;a;)a._dirty=!0,a=a.timeline;return this};d.eventCallback=function(a,c,b,d){if(null==a)return null;if("on"===
a.substr(0,2)){if(1===arguments.length)return this.vars[a];if(null==c)delete this.vars[a];else if(this.vars[a]=c,this.vars[a+"Params"]=b,this.vars[a+"Scope"]=d,b)for(var e=b.length;-1<--e;)"{self}"===b[e]&&(b=this.vars[a+"Params"]=b.concat(),b[e]=this);"onUpdate"===a&&(this._onUpdate=c)}return this};d.delay=function(a){if(!arguments.length)return this._delay;this._timeline.smoothChildTiming&&this.startTime(this._startTime+a-this._delay);this._delay=a;return this};d.duration=function(a){if(!arguments.length)return this._dirty=
!1,this._duration;this._duration=this._totalDuration=a;this._uncache(!0);this._timeline.smoothChildTiming&&0<this._time&&this._time<this._duration&&0!==a&&this.totalTime(this._totalTime*(a/this._duration),!0);return this};d.totalDuration=function(a){this._dirty=!1;return!arguments.length?this._totalDuration:this.duration(a)};d.time=function(a,c){if(!arguments.length)return this._time;this._dirty&&this.totalDuration();a>this._duration&&(a=this._duration);return this.totalTime(a,c)};d.totalTime=function(a,
c){if(!arguments.length)return this._totalTime;if(this._timeline){0>a&&(a+=this.totalDuration());if(this._timeline.smoothChildTiming&&(this._dirty&&this.totalDuration(),a>this._totalDuration&&(a=this._totalDuration),this._startTime=(this._paused?this._pauseTime:this._timeline._time)-(!this._reversed?a:this._totalDuration-a)/this._timeScale,this._timeline._dirty||this._uncache(!1),!this._timeline._active))for(var b=this._timeline;b._timeline;)b.totalTime(b._totalTime,!0),b=b._timeline;this._gc&&this._enabled(!0,
!1);this._totalTime!==a&&this.render(a,c,!1)}return this};d.startTime=function(a){if(!arguments.length)return this._startTime;a!==this._startTime&&(this._startTime=a,this.timeline&&this.timeline._sortChildren&&this.timeline.insert(this,a-this._delay));return this};d.timeScale=function(a){if(!arguments.length)return this._timeScale;a=a||1E-6;if(this._timeline&&this._timeline.smoothChildTiming){var c=this._pauseTime||0===this._pauseTime?this._pauseTime:this._timeline._totalTime;this._startTime=c-(c-
this._startTime)*this._timeScale/a}this._timeScale=a;return this._uncache(!1)};d.reversed=function(a){if(!arguments.length)return this._reversed;a!=this._reversed&&(this._reversed=a,this.totalTime(this._totalTime,!0));return this};d.paused=function(a){if(!arguments.length)return this._paused;a!=this._paused&&this._timeline&&(!a&&this._timeline.smoothChildTiming&&(this._startTime+=this._timeline.rawTime()-this._pauseTime,this._uncache(!1)),this._pauseTime=a?this._timeline.rawTime():null,this._paused=
a,this._active=!this._paused&&0<this._totalTime&&this._totalTime<this._totalDuration);this._gc&&(a||this._enabled(!0,!1));return this};m=s("core.SimpleTimeline",function(a){r.call(this,0,a);this.autoRemoveChildren=this.smoothChildTiming=!0});d=m.prototype=new r;d.constructor=m;d.kill()._gc=!1;d._first=d._last=null;d._sortChildren=!1;d.insert=function(a,c){a._startTime=Number(c||0)+a._delay;a._paused&&this!==a._timeline&&(a._pauseTime=a._startTime+(this.rawTime()-a._startTime)/a._timeScale);a.timeline&&
a.timeline._remove(a,!0);a.timeline=a._timeline=this;a._gc&&a._enabled(!0,!0);var b=this._last;if(this._sortChildren)for(var d=a._startTime;b&&b._startTime>d;)b=b._prev;b?(a._next=b._next,b._next=a):(a._next=this._first,this._first=a);a._next?a._next._prev=a:this._last=a;a._prev=b;this._timeline&&this._uncache(!0);return this};d._remove=function(a,c){a.timeline===this&&(c||a._enabled(!1,!0),a.timeline=null,a._prev?a._prev._next=a._next:this._first===a&&(this._first=a._next),a._next?a._next._prev=
a._prev:this._last===a&&(this._last=a._prev),this._timeline&&this._uncache(!0));return this};d.render=function(a,c){var b=this._first,d;for(this._totalTime=this._time=this._rawPrevTime=a;b;){d=b._next;if(b._active||a>=b._startTime&&!b._paused)b._reversed?b.render((!b._dirty?b._totalDuration:b.totalDuration())-(a-b._startTime)*b._timeScale,c,!1):b.render((a-b._startTime)*b._timeScale,c,!1);b=d}};d.rawTime=function(){return this._totalTime};var h=s("TweenLite",function(a,c,b){r.call(this,c,b);if(null==
a)throw"Cannot tween an undefined reference.";this.target=a;this._overwrite=null==this.vars.overwrite?M[h.defaultOverwrite]:"number"===typeof this.vars.overwrite?this.vars.overwrite>>0:M[this.vars.overwrite];if((a instanceof Array||a.jquery)&&"object"===typeof a[0]){this._targets=a.slice(0);this._propLookup=[];this._siblings=[];for(a=0;a<this._targets.length;a++)b=this._targets[a],b.jquery?(this._targets.splice(a--,1),this._targets=this._targets.concat(b.constructor.makeArray(b))):(this._siblings[a]=
A(b,this,!1),1===this._overwrite&&1<this._siblings[a].length&&G(b,this,null,1,this._siblings[a]))}else this._propLookup={},this._siblings=A(a,this,!1),1===this._overwrite&&1<this._siblings.length&&G(a,this,null,1,this._siblings);(this.vars.immediateRender||0===c&&0===this._delay&&!1!==this.vars.immediateRender)&&this.render(-this._delay,!1,!0)},!0);d=h.prototype=new r;d.constructor=h;d.kill()._gc=!1;d.ratio=0;d._firstPT=d._targets=d._overwrittenProps=null;d._notifyPluginsOfEnabled=!1;h.version=1.668;
h.defaultEase=d._ease=new u(null,null,1,1);h.defaultOverwrite="auto";h.ticker=t;var N=h._plugins={},w=h._tweenLookup={},P=0,Q={ease:1,delay:1,overwrite:1,onComplete:1,onCompleteParams:1,onCompleteScope:1,useFrames:1,runBackwards:1,startAt:1,onUpdate:1,onUpdateParams:1,onUpdateScope:1,onStart:1,onStartParams:1,onStartScope:1,onReverseComplete:1,onReverseCompleteParams:1,onReverseCompleteScope:1,onRepeat:1,onRepeatParams:1,onRepeatScope:1,easeParams:1,yoyo:1,orientToBezier:1,immediateRender:1,repeat:1,
repeatDelay:1,data:1,paused:1,reversed:1},M={none:0,all:1,auto:2,concurrent:3,allOnStart:4,preexisting:5,"true":1,"false":0},y=r._rootFramesTimeline=new m,v=r._rootTimeline=new m;v._startTime=t.time;y._startTime=t.frame;v._active=y._active=!0;r._updateRoot=function(){v.render((t.time-v._startTime)*v._timeScale,!1,!1);y.render((t.frame-y._startTime)*y._timeScale,!1,!1);if(!(t.frame%120)){var a,c,b;for(b in w){c=w[b].tweens;for(a=c.length;-1<--a;)c[a]._gc&&c.splice(a,1);0===c.length&&delete w[b]}}};
t.addEventListener("tick",r._updateRoot);var A=function(a,c,b){var d=a._gsTweenID,e;if(!w[d||(a._gsTweenID=d="t"+P++)])w[d]={target:a,tweens:[]};if(c&&(a=w[d].tweens,a[e=a.length]=c,b))for(;-1<--e;)a[e]===c&&a.splice(e,1);return w[d].tweens},G=function(a,c,b,d,e){var g,j,f;if(1===d||4<=d){a=e.length;for(g=0;g<a;g++)if((f=e[g])!==c)f._gc||f._enabled(!1,!1)&&(j=!0);else if(5===d)break;return j}var h=c._startTime+1E-10,p=[],k=0,m=0===c._duration,n;for(g=e.length;-1<--g;)if(!((f=e[g])===c||f._gc||f._paused))f._timeline!==
c._timeline?(n=n||O(c,0,m),0===O(f,n,m)&&(p[k++]=f)):f._startTime<=h&&f._startTime+f.totalDuration()/f._timeScale+1E-10>h&&((m||!f._initted)&&2E-10>=h-f._startTime||(p[k++]=f));for(g=k;-1<--g;)if(f=p[g],2===d&&f._kill(b,a)&&(j=!0),2!==d||!f._firstPT&&f._initted)f._enabled(!1,!1)&&(j=!0);return j},O=function(a,c,b){for(var d=a._timeline,e=d._timeScale,g=a._startTime;d._timeline;){g+=d._startTime;e*=d._timeScale;if(d._paused)return-100;d=d._timeline}g/=e;return g>c?g-c:b&&g===c||!a._initted&&2E-10>
g-c?1E-10:(g+=a.totalDuration()/a._timeScale/e)>c?0:g-c-1E-10};d._init=function(){this.vars.startAt&&(this.vars.startAt.overwrite=0,this.vars.startAt.immediateRender=!0,h.to(this.target,0,this.vars.startAt));var a,c;this._ease=this.vars.ease instanceof u?this.vars.easeParams instanceof Array?this.vars.ease.config.apply(this.vars.ease,this.vars.easeParams):this.vars.ease:"function"===typeof this.vars.ease?new u(this.vars.ease,this.vars.easeParams):h.defaultEase;this._easeType=this._ease._type;this._easePower=
this._ease._power;this._firstPT=null;if(this._targets)for(a=this._targets.length;-1<--a;){if(this._initProps(this._targets[a],this._propLookup[a]={},this._siblings[a],this._overwrittenProps?this._overwrittenProps[a]:null))c=!0}else c=this._initProps(this.target,this._propLookup,this._siblings,this._overwrittenProps);c&&h._onPluginEvent("_onInitAllProps",this);this._overwrittenProps&&null==this._firstPT&&"function"!==typeof this.target&&this._enabled(!1,!1);if(this.vars.runBackwards)for(a=this._firstPT;a;)a.s+=
a.c,a.c=-a.c,a=a._next;this._onUpdate=this.vars.onUpdate;this._initted=!0};d._initProps=function(a,c,b,d){var e,g,j,f,h,k;if(null==a)return!1;for(e in this.vars){if(Q[e]){if("onStartParams"===e||"onUpdateParams"===e||"onCompleteParams"===e||"onReverseCompleteParams"===e||"onRepeatParams"===e)if(h=this.vars[e])for(g=h.length;-1<--g;)"{self}"===h[g]&&(h=this.vars[e]=h.concat(),h[g]=this)}else if(N[e]&&(f=new N[e])._onInitTween(a,this.vars[e],this)){this._firstPT=k={_next:this._firstPT,t:f,p:"setRatio",
s:0,c:1,f:!0,n:e,pg:!0,pr:f._priority};for(g=f._overwriteProps.length;-1<--g;)c[f._overwriteProps[g]]=this._firstPT;if(f._priority||f._onInitAllProps)j=!0;if(f._onDisable||f._onEnable)this._notifyPluginsOfEnabled=!0}else this._firstPT=c[e]=k={_next:this._firstPT,t:a,p:e,f:"function"===typeof a[e],n:e,pg:!1,pr:0},k.s=!k.f?parseFloat(a[e]):a[e.indexOf("set")||"function"!==typeof a["get"+e.substr(3)]?e:"get"+e.substr(3)](),g=this.vars[e],k.c="number"===typeof g?g-k.s:"string"===typeof g&&"="===g.charAt(1)?
parseInt(g.charAt(0)+"1",10)*Number(g.substr(2)):Number(g)||0;k&&k._next&&(k._next._prev=k)}return d&&this._kill(d,a)?this._initProps(a,c,b,d):1<this._overwrite&&this._firstPT&&1<b.length&&G(a,this,c,this._overwrite,b)?(this._kill(c,a),this._initProps(a,c,b,d)):j};d.render=function(a,c,b){var d=this._time,e,g;if(a>=this._duration){if(this._totalTime=this._time=this._duration,this.ratio=this._ease._calcEnd?this._ease.getRatio(1):1,this._reversed||(e=!0,g="onComplete"),0===this._duration){if(0===a||
0>this._rawPrevTime)this._rawPrevTime!==a&&(b=!0);this._rawPrevTime=a}}else if(0>=a){this._totalTime=this._time=0;this.ratio=this._ease._calcEnd?this._ease.getRatio(0):0;if(0!==d||0===this._duration&&0<this._rawPrevTime)g="onReverseComplete",e=this._reversed;0>a?(this._active=!1,0===this._duration&&(0<=this._rawPrevTime&&(b=!0),this._rawPrevTime=a)):this._initted||(b=!0)}else if(this._totalTime=this._time=a,this._easeType){var j=a/this._duration,f=this._easeType,h=this._easePower;if(1===f||3===f&&
0.5<=j)j=1-j;3===f&&(j*=2);1===h?j*=j:2===h?j*=j*j:3===h?j*=j*j*j:4===h&&(j*=j*j*j*j);this.ratio=1===f?1-j:2===f?j:0.5>a/this._duration?j/2:1-j/2}else this.ratio=this._ease.getRatio(a/this._duration);if(this._time!==d||b){this._initted||(this._init(),!e&&this._time&&(this.ratio=this._ease.getRatio(this._time/this._duration)));!this._active&&!this._paused&&(this._active=!0);if(0===d&&this.vars.onStart&&(0!==this._time||0===this._duration))c||this.vars.onStart.apply(this.vars.onStartScope||this,this.vars.onStartParams||
E);for(a=this._firstPT;a;){if(a.f)a.t[a.p](a.c*this.ratio+a.s);else a.t[a.p]=a.c*this.ratio+a.s;a=a._next}this._onUpdate&&(c||this._onUpdate.apply(this.vars.onUpdateScope||this,this.vars.onUpdateParams||E));g&&!this._gc&&(e&&(this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),c||this.vars[g]&&this.vars[g].apply(this.vars[g+"Scope"]||this,this.vars[g+"Params"]||E))}};d._kill=function(a,c){"all"===a&&(a=null);if(null==a&&(null==c||c===this.target))return this._enabled(!1,!1);c=
c||this._targets||this.target;var b,d,e,g,h,f,k;if((c instanceof Array||c.jquery)&&"object"===typeof c[0])for(b=c.length;-1<--b;)this._kill(a,c[b])&&(h=!0);else{if(this._targets)for(b=this._targets.length;-1<--b;){if(c===this._targets[b]){g=this._propLookup[b]||{};this._overwrittenProps=this._overwrittenProps||[];d=this._overwrittenProps[b]=a?this._overwrittenProps[b]||{}:"all";break}}else{if(c!==this.target)return!1;g=this._propLookup;d=this._overwrittenProps=a?this._overwrittenProps||{}:"all"}if(g)for(e in f=
a||g,k=a!==d&&"all"!==d&&a!==g&&(null==a||!0!==a._tempKill),f){if(b=g[e]){b.pg&&b.t._kill(f)&&(h=!0);if(!b.pg||0===b.t._overwriteProps.length)b._prev?b._prev._next=b._next:b===this._firstPT&&(this._firstPT=b._next),b._next&&(b._next._prev=b._prev),b._next=b._prev=null;delete g[e]}k&&(d[e]=1)}}return h};d.invalidate=function(){this._notifyPluginsOfEnabled&&h._onPluginEvent("_onDisable",this);this._onUpdate=this._overwrittenProps=this._firstPT=null;this._initted=this._active=this._notifyPluginsOfEnabled=
!1;this._propLookup=this._targets?{}:[];return this};d._enabled=function(a,c){if(a&&this._gc)if(this._targets)for(var b=this._targets.length;-1<--b;)this._siblings[b]=A(this._targets[b],this,!0);else this._siblings=A(this.target,this,!0);r.prototype._enabled.call(this,a,c);return this._notifyPluginsOfEnabled&&this._firstPT?h._onPluginEvent(a?"_onEnable":"_onDisable",this):!1};h.to=function(a,c,b){return new h(a,c,b)};h.from=function(a,c,b){b.runBackwards=!0;!1!==b.immediateRender&&(b.immediateRender=
!0);return new h(a,c,b)};h.fromTo=function(a,c,b,d){d.startAt=b;b.immediateRender&&(d.immediateRender=!0);return new h(a,c,d)};h.delayedCall=function(a,c,b,d,e){return new h(c,0,{delay:a,onComplete:c,onCompleteParams:b,onCompleteScope:d,onReverseComplete:c,onReverseCompleteParams:b,onReverseCompleteScope:d,immediateRender:!1,useFrames:e,overwrite:0})};h.set=function(a,c){return new h(a,0,c)};h.killTweensOf=h.killDelayedCallsTo=function(a,c){for(var b=h.getTweensOf(a),d=b.length;-1<--d;)b[d]._kill(c,
a)};h.getTweensOf=function(a){if(null!=a){var c,b,d;if((a instanceof Array||a.jquery)&&"object"===typeof a[0]){c=a.length;for(b=[];-1<--c;)b=b.concat(h.getTweensOf(a[c]));for(c=b.length;-1<--c;){d=b[c];for(a=c;-1<--a;)d===b[a]&&b.splice(c,1)}}else{b=A(a).concat();for(c=b.length;-1<--c;)b[c]._gc&&b.splice(c,1)}return b}};var B=s("plugins.TweenPlugin",function(a,c){this._overwriteProps=(a||"").split(",");this._propName=this._overwriteProps[0];this._priority=c||0},!0);d=B.prototype;B.version=12;B.API=
2;d._firstPT=null;d._addTween=function(a,c,b,d,e,g){var h;if(null!=d&&(h="number"===typeof d||"="!==d.charAt(1)?Number(d)-b:parseInt(d.charAt(0)+"1",10)*Number(d.substr(2))))this._firstPT=a={_next:this._firstPT,t:a,p:c,s:b,c:h,f:"function"===typeof a[c],n:e||c,r:g},a._next&&(a._next._prev=a)};d.setRatio=function(a){for(var c=this._firstPT,b;c;){b=c.c*a+c.s;c.r&&(b=b+(0<b?0.5:-0.5)>>0);if(c.f)c.t[c.p](b);else c.t[c.p]=b;c=c._next}};d._kill=function(a){if(null!=a[this._propName])this._overwriteProps=
[];else for(var c=this._overwriteProps.length;-1<--c;)null!=a[this._overwriteProps[c]]&&this._overwriteProps.splice(c,1);for(c=this._firstPT;c;)null!=a[c.n]&&(c._next&&(c._next._prev=c._prev),c._prev?(c._prev._next=c._next,c._prev=null):this._firstPT===c&&(this._firstPT=c._next)),c=c._next;return!1};d._roundProps=function(a,c){for(var b=this._firstPT;b;){if(a[this._propName]||null!=b.n&&a[b.n.split(this._propName+"_").join("")])b.r=c;b=b._next}};h._onPluginEvent=function(a,c){var b=c._firstPT,d;if("_onInitAllProps"===
a){for(var e,g,h,f;b;){f=b._next;for(e=g;e&&e.pr>b.pr;)e=e._next;(b._prev=e?e._prev:h)?b._prev._next=b:g=b;(b._next=e)?e._prev=b:h=b;b=f}b=c._firstPT=g}for(;b;)b.pg&&"function"===typeof b.t[a]&&b.t[a]()&&(d=!0),b=b._next;return d};B.activate=function(a){for(var c=a.length;-1<--c;)a[c].API===B.API&&(h._plugins[(new a[c])._propName]=a[c]);return!0};if(q=n._gsQueue){for(k=0;k<q.length;k++)q[k]();for(d in x)x[d].def||console.log("Warning: TweenLite encountered missing dependency: com.greensock."+d)}})(window);

176
duo/js/TweenMax.min.js vendored 100755
View File

@ -0,0 +1,176 @@
/**
* VERSION: beta 1.668
* DATE: 2013-01-01
* JavaScript (ActionScript 3 and 2 also available)
* UPDATES AND DOCS AT: http://www.greensock.com
*
* Includes all of the following: TweenLite, TweenMax, TimelineLite, TimelineMax, easing.EasePack, plugins.CSSPlugin, plugins.RoundPropsPlugin
*
* Copyright (c) 2008-2013, GreenSock. All rights reserved.
* This work is subject to the terms in http://www.greensock.com/terms_of_use.html or for
* Club GreenSock members, the software agreement that was issued with your membership.
*
* @author: Jack Doyle, jack@greensock.com
**/
(window._gsQueue||(window._gsQueue=[])).push(function(){_gsDefine("TweenMax",["core.Animation","core.SimpleTimeline","TweenLite"],function(r,k,h){var q=function(g,d,a){h.call(this,g,d,a);this._cycle=0;this._yoyo=!0===this.vars.yoyo;this._repeat=this.vars.repeat||0;this._repeatDelay=this.vars.repeatDelay||0;this._dirty=!0},l=q.prototype=h.to({},0.1,{}),b=[];q.version=1.668;l.constructor=q;l.kill()._gc=!1;q.killTweensOf=q.killDelayedCallsTo=h.killTweensOf;q.getTweensOf=h.getTweensOf;q.ticker=h.ticker;
l.invalidate=function(){this._yoyo=!0===this.vars.yoyo;this._repeat=this.vars.repeat||0;this._repeatDelay=this.vars.repeatDelay||0;this._uncache(!0);return h.prototype.invalidate.call(this)};l.updateTo=function(g,d){var a=this.ratio,f;d&&(null!=this.timeline&&this._startTime<this._timeline._time)&&(this._startTime=this._timeline._time,this._uncache(!1),this._gc?this._enabled(!0,!1):this._timeline.insert(this,this._startTime-this._delay));for(f in g)this.vars[f]=g[f];if(this._initted)if(d)this._initted=
!1;else if(this._notifyPluginsOfEnabled&&this._firstPT&&h._onPluginEvent("_onDisable",this),0.998<this._time/this._duration)a=this._time,this.render(0,!0,!1),this._initted=!1,this.render(a,!0,!1);else if(0<this._time){this._initted=!1;this._init();a=1/(1-a);f=this._firstPT;for(var u;f;)u=f.s+f.c,f.c*=a,f.s=u-f.c,f=f._next}return this};l.render=function(g,d,a){var f=!this._dirty?this._totalDuration:this.totalDuration(),u=this._time,c=this._totalTime,t=this._cycle,v,E;if(g>=f){if(this._totalTime=f,
this._cycle=this._repeat,this._yoyo&&0!==(this._cycle&1)?(this._time=0,this.ratio=this._ease._calcEnd?this._ease.getRatio(0):0):(this._time=this._duration,this.ratio=this._ease._calcEnd?this._ease.getRatio(1):1),this._reversed||(v=!0,E="onComplete"),0===this._duration){if(0===g||0>this._rawPrevTime)this._rawPrevTime!==g&&(a=!0);this._rawPrevTime=g}}else if(0>=g){this._totalTime=this._time=this._cycle=0;this.ratio=this._ease._calcEnd?this._ease.getRatio(0):0;if(0!==c||0===this._duration&&0<this._rawPrevTime)E=
"onReverseComplete",v=this._reversed;0>g?(this._active=!1,0===this._duration&&(0<=this._rawPrevTime&&(a=!0),this._rawPrevTime=g)):this._initted||(a=!0)}else if(this._totalTime=this._time=g,0!==this._repeat&&(g=this._duration+this._repeatDelay,this._cycle=this._totalTime/g>>0,0!==this._cycle&&this._cycle===this._totalTime/g&&this._cycle--,this._time=this._totalTime-this._cycle*g,this._yoyo&&0!==(this._cycle&1)&&(this._time=this._duration-this._time),this._time>this._duration?this._time=this._duration:
0>this._time&&(this._time=0)),this._easeType){g=this._time/this._duration;var f=this._easeType,s=this._easePower;if(1===f||3===f&&0.5<=g)g=1-g;3===f&&(g*=2);1===s?g*=g:2===s?g*=g*g:3===s?g*=g*g*g:4===s&&(g*=g*g*g*g);this.ratio=1===f?1-g:2===f?g:0.5>this._time/this._duration?g/2:1-g/2}else this.ratio=this._ease.getRatio(this._time/this._duration);if(u===this._time&&!a)c!==this._totalTime&&this._onUpdate&&(d||this._onUpdate.apply(this.vars.onUpdateScope||this,this.vars.onUpdateParams||b));else{this._initted||
(this._init(),!v&&this._time&&(this.ratio=this._ease.getRatio(this._time/this._duration)));!this._active&&!this._paused&&(this._active=!0);if(0===c&&this.vars.onStart&&(0!==this._totalTime||0===this._duration))d||this.vars.onStart.apply(this.vars.onStartScope||this,this.vars.onStartParams||b);for(a=this._firstPT;a;){if(a.f)a.t[a.p](a.c*this.ratio+a.s);else a.t[a.p]=a.c*this.ratio+a.s;a=a._next}this._onUpdate&&(d||this._onUpdate.apply(this.vars.onUpdateScope||this,this.vars.onUpdateParams||b));this._cycle!==
t&&(d||this._gc||this.vars.onRepeat&&this.vars.onRepeat.apply(this.vars.onRepeatScope||this,this.vars.onRepeatParams||b));E&&!this._gc&&(v&&(this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),d||this.vars[E]&&this.vars[E].apply(this.vars[E+"Scope"]||this,this.vars[E+"Params"]||b))}};q.to=function(a,d,A){return new q(a,d,A)};q.from=function(a,d,A){A.runBackwards=!0;!1!==A.immediateRender&&(A.immediateRender=!0);return new q(a,d,A)};q.fromTo=function(a,d,A,f){f.startAt=A;A.immediateRender&&
(f.immediateRender=!0);return new q(a,d,f)};q.staggerTo=q.allTo=function(a,d,A,f,u,c,b){f=f||0;var t=[],E=a.length,s=A.delay||0,C,n,h;for(n=0;n<E;n++){C={};for(h in A)C[h]=A[h];C.delay=s;n===E-1&&u&&(C.onComplete=function(){A.onComplete&&A.onComplete.apply(A.onCompleteScope,A.onCompleteParams);u.apply(b,c)});t[n]=new q(a[n],d,C);s+=f}return t};q.staggerFrom=q.allFrom=function(a,d,A,f,u,c,b){A.runBackwards=!0;!1!==A.immediateRender&&(A.immediateRender=!0);return q.staggerTo(a,d,A,f,u,c,b)};q.staggerFromTo=
q.allFromTo=function(a,d,A,f,c,b,t,v){f.startAt=A;A.immediateRender&&(f.immediateRender=!0);return q.staggerTo(a,d,f,c,b,t,v)};q.delayedCall=function(a,d,c,f,u){return new q(d,0,{delay:a,onComplete:d,onCompleteParams:c,onCompleteScope:f,onReverseComplete:d,onReverseCompleteParams:c,onReverseCompleteScope:f,immediateRender:!1,useFrames:u,overwrite:0})};q.set=function(a,d){return new q(a,0,d)};q.isTweening=function(a){a=h.getTweensOf(a);for(var d=a.length,c;-1<--d;)if((c=a[d])._active||c._startTime===
c.timeline._time&&c.timeline._active)return!0;return!1};var t=function(a,d){for(var c=[],f=0,u=a._first;u;)u instanceof h?c[f++]=u:(d&&(c[f++]=u),c=c.concat(t(u,d)),f=c.length),u=u._next;return c},c=q.getAllTweens=function(a){return t(r._rootTimeline,a).concat(t(r._rootFramesTimeline,a))};q.killAll=function(a,d,A,f){null==d&&(d=!0);null==A&&(A=!0);var u=c(!1!=f),b=u.length;f=d&&A&&f;var t,v,E;for(E=0;E<b;E++)if(v=u[E],f||v instanceof k||(t=v.target===v.vars.onComplete)&&A||d&&!t)a?v.totalTime(v.totalDuration()):
v._enabled(!1,!1)};q.killChildTweensOf=function(a,d){if(null!=a)if(a.jquery)a.each(function(a,f){q.killChildTweensOf(f,d)});else{var c=h._tweenLookup,f=[],u,b;for(b in c)for(u=c[b].target.parentNode;u;)u===a&&(f=f.concat(c[b].tweens)),u=u.parentNode;u=f.length;for(c=0;c<u;c++)d&&f[c].totalTime(f[c].totalDuration()),f[c]._enabled(!1,!1)}};q.pauseAll=function(g,d,c){a(!0,g,d,c)};q.resumeAll=function(g,d,c){a(!1,g,d,c)};var a=function(a,d,b,f){void 0==d&&(d=!0);void 0==b&&(b=!0);var u=c(f);f=d&&b&&f;
for(var t=u.length,h,v;-1<--t;)v=u[t],(f||v instanceof k||(h=v.target===v.vars.onComplete)&&b||d&&!h)&&v.paused(a)};l.progress=function(a){return!arguments.length?this._time/this.duration():this.totalTime(this.duration()*(this._yoyo&&0!==(this._cycle&1)?1-a:a)+this._cycle*(this._duration+this._repeatDelay),!1)};l.totalProgress=function(a){return!arguments.length?this._totalTime/this.totalDuration():this.totalTime(this.totalDuration()*a,!1)};l.time=function(a,d){if(!arguments.length)return this._time;
this._dirty&&this.totalDuration();a>this._duration&&(a=this._duration);this._yoyo&&0!==(this._cycle&1)?a=this._duration-a+this._cycle*(this._duration+this._repeatDelay):0!=this._repeat&&(a+=this._cycle*(this._duration+this._repeatDelay));return this.totalTime(a,d)};l.totalDuration=function(a){return!arguments.length?(this._dirty&&(this._totalDuration=-1===this._repeat?999999999999:this._duration*(this._repeat+1)+this._repeatDelay*this._repeat,this._dirty=!1),this._totalDuration):-1===this._repeat?
this:this.duration((a-this._repeat*this._repeatDelay)/(this._repeat+1))};l.repeat=function(a){if(!arguments.length)return this._repeat;this._repeat=a;return this._uncache(!0)};l.repeatDelay=function(a){if(!arguments.length)return this._repeatDelay;this._repeatDelay=a;return this._uncache(!0)};l.yoyo=function(a){if(!arguments.length)return this._yoyo;this._yoyo=a;return this};return q},!0);_gsDefine("TimelineLite",["core.Animation","core.SimpleTimeline","TweenLite"],function(r,k,h){var q=function(a){k.call(this,
a);this._labels={};this.autoRemoveChildren=!0===this.vars.autoRemoveChildren;this.smoothChildTiming=!0===this.vars.smoothChildTiming;this._sortChildren=!0;this._onUpdate=this.vars.onUpdate;a=l.length;for(var g,d;-1<--a;)if(d=this.vars[l[a]])for(g=d.length;-1<--g;)"{self}"===d[g]&&(d=this.vars[l[a]]=d.concat(),d[g]=this);this.vars.tweens instanceof Array&&this.insertMultiple(this.vars.tweens,0,this.vars.align||"normal",this.vars.stagger||0)},l=["onStartParams","onUpdateParams","onCompleteParams","onReverseCompleteParams",
"onRepeatParams"],b=[],t=function(a){var g={},d;for(d in a)g[d]=a[d];return g},c=q.prototype=new k;q.version=1.641;c.constructor=q;c.kill()._gc=!1;c.to=function(a,g,d,c,f){return this.insert(new h(a,g,d),this._parseTimeOrLabel(f,c,!0))};c.from=function(a,g,d,c,f){return this.insert(h.from(a,g,d),this._parseTimeOrLabel(f,c,!0))};c.fromTo=function(a,g,d,c,f,u){return this.insert(h.fromTo(a,g,d,c),this._parseTimeOrLabel(u,f,!0))};c.staggerTo=function(a,g,d,c,f,u,b,l,v){b=new q({onComplete:b,onCompleteParams:l,
onCompleteScope:v});c=c||0;for(l=0;l<a.length;l++)null!=d.startAt&&(d.startAt=t(d.startAt)),b.insert(new h(a[l],g,t(d)),l*c);return this.insert(b,this._parseTimeOrLabel(u,f,!0))};c.staggerFrom=function(a,g,d,c,f,u,b,t,v){null==d.immediateRender&&(d.immediateRender=!0);d.runBackwards=!0;return this.staggerTo(a,g,d,c,f,u,b,t,v)};c.staggerFromTo=function(a,g,d,c,f,u,b,t,v,E){c.startAt=d;d.immediateRender&&(c.immediateRender=!0);return this.staggerTo(a,g,c,f,u,b,t,v,E)};c.call=function(a,g,d,c,f){return this.insert(h.delayedCall(0,
a,g,d),this._parseTimeOrLabel(f,c,!0))};c.set=function(a,g,d,c){g.immediateRender=!1;return this.insert(new h(a,0,g),this._parseTimeOrLabel(c,d,!0))};q.exportRoot=function(a,c){a=a||{};null==a.smoothChildTiming&&(a.smoothChildTiming=!0);var d=new q(a),b=d._timeline;null==c&&(c=!0);b._remove(d,!0);d._startTime=0;d._rawPrevTime=d._time=d._totalTime=b._time;for(var f=b._first,u;f;)u=f._next,(!c||!(f instanceof h&&f.target===f.vars.onComplete))&&d.insert(f,f._startTime-f._delay),f=u;b.insert(d,0);return d};
c.insert=function(a,c){if(!(a instanceof r)){if(a instanceof Array)return this.insertMultiple(a,c);if("string"===typeof a)return this.addLabel(a,this._parseTimeOrLabel(c||0,0,!0));if("function"===typeof a)a=h.delayedCall(0,a);else throw"ERROR: Cannot insert() "+a+" into the TimelineLite/Max because it is neither a tween, timeline, function, nor a String.";}k.prototype.insert.call(this,a,this._parseTimeOrLabel(c||0,0,!0));if(this._gc&&!this._paused&&this._time===this._duration&&this._time<this.duration())for(var d=
this;d._gc&&d._timeline;)d._timeline.smoothChildTiming?d.totalTime(d._totalTime,!0):d._enabled(!0,!1),d=d._timeline;return this};c.remove=function(a){if(a instanceof r)return this._remove(a,!1);if(a instanceof Array){for(var c=a.length;-1<--c;)this.remove(a[c]);return this}return"string"===typeof a?this.removeLabel(a):this.kill(null,a)};c.append=function(a,c){return this.insert(a,this._parseTimeOrLabel(null,c,!0))};c.insertMultiple=function(a,c,d,b){d=d||"normal";b=b||0;var f,u=this._parseTimeOrLabel(c||
0,0,!0),t=a.length;for(c=0;c<t;c++){if((f=a[c])instanceof Array)f=new q({tweens:f});this.insert(f,u);"string"===typeof f||"function"===typeof f||("sequence"===d?u=f._startTime+f.totalDuration()/f._timeScale:"start"===d&&(f._startTime-=f.delay()));u+=b}return this._uncache(!0)};c.appendMultiple=function(a,c,d,b){return this.insertMultiple(a,this._parseTimeOrLabel(null,c,!0),d,b)};c.addLabel=function(a,c){this._labels[a]=c;return this};c.removeLabel=function(a){delete this._labels[a];return this};c.getLabelTime=
function(a){return null!=this._labels[a]?this._labels[a]:-1};c._parseTimeOrLabel=function(a,c,d){if("string"===typeof c)return this._parseTimeOrLabel(c,d&&"number"===typeof a&&null==this._labels[c]?a-this.duration():0,d);c=c||0;return null==a?this.duration()+c:"string"===typeof a&&isNaN(a)?null==this._labels[a]?d?this._labels[a]=this.duration()+c:c:this._labels[a]+c:Number(a)+c};c.seek=function(a,c){return this.totalTime(this._parseTimeOrLabel(a),!1!=c)};c.stop=function(){return this.paused(!0)};
c.gotoAndPlay=function(a,c){return k.prototype.play.call(this,a,c)};c.gotoAndStop=function(a,c){return this.pause(a,c)};c.render=function(a,c,d){this._gc&&this._enabled(!0,!1);this._active=!this._paused;var t=!this._dirty?this._totalDuration:this.totalDuration(),f=this._time,u=this._startTime,h=this._timeScale,q=this._paused,v,E,s;if(a>=t){this._totalTime=this._time=t;if(!this._reversed&&!this._hasPausedChild()&&(v=!0,s="onComplete",0===this._duration&&(0===a||0>this._rawPrevTime)))this._rawPrevTime!==
a&&(d=!0);this._rawPrevTime=a;a=t+1E-6}else if(0>=a){this._totalTime=this._time=0;if(0!==f||0===this._duration&&0<this._rawPrevTime)s="onReverseComplete",v=this._reversed;0>a?(this._active=!1,0===this._duration&&0<=this._rawPrevTime&&(d=!0)):this._initted||(d=!0);this._rawPrevTime=a;a=-1E-6}else this._totalTime=this._time=this._rawPrevTime=a;if(this._time!==f||d){this._initted||(this._initted=!0);0===f&&this.vars.onStart&&0!==this._time&&(c||this.vars.onStart.apply(this.vars.onStartScope||this,this.vars.onStartParams||
b));if(this._time>f)for(d=this._first;d;){E=d._next;if(this._paused&&!q)break;else if(d._active||d._startTime<=this._time&&!d._paused&&!d._gc)d._reversed?d.render((!d._dirty?d._totalDuration:d.totalDuration())-(a-d._startTime)*d._timeScale,c,!1):d.render((a-d._startTime)*d._timeScale,c,!1);d=E}else for(d=this._last;d;){E=d._prev;if(this._paused&&!q)break;else if(d._active||d._startTime<=f&&!d._paused&&!d._gc)d._reversed?d.render((!d._dirty?d._totalDuration:d.totalDuration())-(a-d._startTime)*d._timeScale,
c,!1):d.render((a-d._startTime)*d._timeScale,c,!1);d=E}this._onUpdate&&(c||this._onUpdate.apply(this.vars.onUpdateScope||this,this.vars.onUpdateParams||b));if(s&&!this._gc&&(u===this._startTime||h!=this._timeScale))if(0===this._time||t>=this.totalDuration())v&&(this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),c||this.vars[s]&&this.vars[s].apply(this.vars[s+"Scope"]||this,this.vars[s+"Params"]||b)}};c._hasPausedChild=function(){for(var a=this._first;a;){if(a._paused||a instanceof
q&&a._hasPausedChild())return!0;a=a._next}return!1};c.getChildren=function(a,c,d,b){b=b||-9999999999;for(var f=[],u=this._first,t=0;u;)u._startTime<b||(u instanceof h?!1!=c&&(f[t++]=u):(!1!=d&&(f[t++]=u),!1!=a&&(f=f.concat(u.getChildren(!0,c,d)),t=f.length))),u=u._next;return f};c.getTweensOf=function(a,c){for(var d=h.getTweensOf(a),b=d.length,f=[],u=0;-1<--b;)if(d[b].timeline===this||c&&this._contains(d[b]))f[u++]=d[b];return f};c._contains=function(a){for(a=a.timeline;a;){if(a===this)return!0;a=
a.timeline}return!1};c.shiftChildren=function(a,c,d){d=d||0;for(var b=this._first;b;)b._startTime>=d&&(b._startTime+=a),b=b._next;if(c)for(var f in this._labels)this._labels[f]>=d&&(this._labels[f]+=a);return this._uncache(!0)};c._kill=function(a,c){if(null==a&&null==c)return this._enabled(!1,!1);for(var d=null==c?this.getChildren(!0,!0,!1):this.getTweensOf(c),b=d.length,f=!1;-1<--b;)d[b]._kill(a,c)&&(f=!0);return f};c.clear=function(a){var c=this.getChildren(!1,!0,!0),d=c.length;for(this._time=this._totalTime=
0;-1<--d;)c[d]._enabled(!1,!1);!1!=a&&(this._labels={});return this._uncache(!0)};c.invalidate=function(){for(var a=this._first;a;)a.invalidate(),a=a._next;return this};c._enabled=function(a,c){if(a===this._gc)for(var d=this._first;d;)d._enabled(a,!0),d=d._next;return k.prototype._enabled.call(this,a,c)};c.progress=function(a){return!arguments.length?this._time/this.duration():this.totalTime(this.duration()*a,!1)};c.duration=function(a){if(!arguments.length)return this._dirty&&this.totalDuration(),
this._duration;0!==this.duration()&&0!==a&&this.timeScale(this._duration/a);return this};c.totalDuration=function(a){if(!arguments.length){if(this._dirty){for(var c=0,d=this._first,b=-999999999999,f;d;)f=d._next,d._startTime<b&&this._sortChildren?this.insert(d,d._startTime-d._delay):b=d._startTime,0>d._startTime&&(c-=d._startTime,this.shiftChildren(-d._startTime,!1,-9999999999)),d=d._startTime+(!d._dirty?d._totalDuration:d.totalDuration())/d._timeScale,d>c&&(c=d),d=f;this._duration=this._totalDuration=
c;this._dirty=!1}return this._totalDuration}0!==this.totalDuration()&&0!==a&&this.timeScale(this._totalDuration/a);return this};c.usesFrames=function(){for(var a=this._timeline;a._timeline;)a=a._timeline;return a===r._rootFramesTimeline};c.rawTime=function(){return this._paused||0!==this._totalTime&&this._totalTime!==this._totalDuration?this._totalTime:(this._timeline.rawTime()-this._startTime)*this._timeScale};return q},!0);_gsDefine("TimelineMax",["TimelineLite","TweenLite","easing.Ease"],function(r,
k,h){var q=function(b){r.call(this,b);this._repeat=this.vars.repeat||0;this._repeatDelay=this.vars.repeatDelay||0;this._cycle=0;this._yoyo=!0===this.vars.yoyo;this._dirty=!0},l=[],b=new h(null,null,1,0);h=q.prototype=new r;h.constructor=q;h.kill()._gc=!1;q.version=1.641;h.invalidate=function(){this._yoyo=!0===this.vars.yoyo;this._repeat=this.vars.repeat||0;this._repeatDelay=this.vars.repeatDelay||0;this._uncache(!0);return r.prototype.invalidate.call(this)};h.addCallback=function(b,c,a,g){return this.insert(k.delayedCall(0,
b,a,g),c)};h.removeCallback=function(b,c){if(null==c)this._kill(null,b);else for(var a=this.getTweensOf(b,!1),g=a.length,d=this._parseTimeOrLabel(c);-1<--g;)a[g]._startTime===d&&a[g]._enabled(!1,!1);return this};h.tweenTo=function(t,c){c=c||{};var a={ease:b,overwrite:2,useFrames:this.usesFrames(),immediateRender:!1},g,d;for(g in c)a[g]=c[g];a.time=this._parseTimeOrLabel(t);d=new k(this,Math.abs(Number(a.time)-this._time)/this._timeScale||0.001,a);a.onStart=function(){d.target.paused(!0);d.vars.time!==
d.target.time()&&d.duration(Math.abs(d.vars.time-d.target.time())/d.target._timeScale);c.onStart&&c.onStart.apply(c.onStartScope||d,c.onStartParams||l)};return d};h.tweenFromTo=function(b,c,a){a=a||{};a.startAt={time:this._parseTimeOrLabel(b)};b=this.tweenTo(c,a);return b.duration(Math.abs(b.vars.time-b.vars.startAt.time)/this._timeScale||0.001)};h.render=function(b,c,a){this._gc&&this._enabled(!0,!1);this._active=!this._paused;var g=!this._dirty?this._totalDuration:this.totalDuration(),d=this._time,
h=this._totalTime,f=this._startTime,u=this._timeScale,q=this._rawPrevTime,k=this._paused,v=this._cycle,E,s;if(b>=g){this._locked||(this._totalTime=g,this._cycle=this._repeat);if(!this._reversed&&!this._hasPausedChild()&&(E=!0,s="onComplete",0===this._duration&&(0===b||0>this._rawPrevTime)))this._rawPrevTime!==b&&(a=!0);this._rawPrevTime=b;this._yoyo&&0!==(this._cycle&1)?(this._time=0,b=-1E-6):(this._time=this._duration,b=this._duration+1E-6)}else if(0>=b){this._locked||(this._totalTime=this._cycle=
0);this._time=0;if(0!==d||0===this._duration&&0<this._rawPrevTime&&!this._locked)s="onReverseComplete",E=this._reversed;0>b?(this._active=!1,0===this._duration&&0<=this._rawPrevTime&&(a=!0)):this._initted||(a=!0);this._rawPrevTime=b;b=0===this._duration?0:-1E-6}else if(this._time=this._rawPrevTime=b,!this._locked&&(this._totalTime=b,0!==this._repeat)){var C=this._duration+this._repeatDelay;this._cycle=this._totalTime/C>>0;0!==this._cycle&&this._cycle===this._totalTime/C&&this._cycle--;this._time=
this._totalTime-this._cycle*C;this._yoyo&&0!==(this._cycle&1)&&(this._time=this._duration-this._time);this._time>this._duration?(this._time=this._duration,b=this._duration+1E-6):0>this._time?this._time=b=0:b=this._time}if(this._cycle!==v&&!this._locked){var C=this._yoyo&&0!==(v&1),n=C===(this._yoyo&&0!==(this._cycle&1)),T=this._totalTime,L=this._cycle,J=this._rawPrevTime,y=this._time;this._totalTime=v*this._duration;this._cycle<v?C=!C:this._totalTime+=this._duration;this._time=d;this._rawPrevTime=
0===this._duration?q-1E-5:q;this._cycle=v;this._locked=!0;d=C?0:this._duration;this.render(d,c,0===this._duration);c||this._gc||this.vars.onRepeat&&this.vars.onRepeat.apply(this.vars.onRepeatScope||this,this.vars.onRepeatParams||l);n&&(d=C?this._duration+1E-6:-1E-6,this.render(d,!0,!1));this._time=y;this._totalTime=T;this._cycle=L;this._rawPrevTime=J;this._locked=!1}if(this._time===d&&!a)h!==this._totalTime&&this._onUpdate&&(c||this._onUpdate.apply(this.vars.onUpdateScope||this,this.vars.onUpdateParams||
l));else{this._initted||(this._initted=!0);0===h&&this.vars.onStart&&0!==this._totalTime&&(c||this.vars.onStart.apply(this.vars.onStartScope||this,this.vars.onStartParams||l));if(this._time>d)for(a=this._first;a;){h=a._next;if(this._paused&&!k)break;else if(a._active||a._startTime<=this._time&&!a._paused&&!a._gc)a._reversed?a.render((!a._dirty?a._totalDuration:a.totalDuration())-(b-a._startTime)*a._timeScale,c,!1):a.render((b-a._startTime)*a._timeScale,c,!1);a=h}else for(a=this._last;a;){h=a._prev;
if(this._paused&&!k)break;else if(a._active||a._startTime<=d&&!a._paused&&!a._gc)a._reversed?a.render((!a._dirty?a._totalDuration:a.totalDuration())-(b-a._startTime)*a._timeScale,c,!1):a.render((b-a._startTime)*a._timeScale,c,!1);a=h}this._onUpdate&&(c||this._onUpdate.apply(this.vars.onUpdateScope||this,this.vars.onUpdateParams||l));if(s&&!this._locked&&!this._gc&&(f===this._startTime||u!==this._timeScale))if(0===this._time||g>=this.totalDuration())E&&(this._timeline.autoRemoveChildren&&this._enabled(!1,
!1),this._active=!1),c||this.vars[s]&&this.vars[s].apply(this.vars[s+"Scope"]||this,this.vars[s+"Params"]||l)}};h.getActive=function(b,c,a){null==b&&(b=!0);null==c&&(c=!0);null==a&&(a=!1);var g=[];b=this.getChildren(b,c,a);c=0;a=b.length;var d,h;for(d=0;d<a;d++)if(h=b[d],!h._paused&&h._timeline._time>=h._startTime&&h._timeline._time<h._startTime+h._totalDuration/h._timeScale){var f;a:{for(f=h._timeline;f;){if(f._paused){f=!0;break a}f=f._timeline}f=!1}f||(g[c++]=h)}return g};h.getLabelAfter=function(b){!b&&
0!==b&&(b=this._time);var c=this.getLabelsArray(),a=c.length,g;for(g=0;g<a;g++)if(c[g].time>b)return c[g].name;return null};h.getLabelBefore=function(b){null==b&&(b=this._time);for(var c=this.getLabelsArray(),a=c.length;-1<--a;)if(c[a].time<b)return c[a].name;return null};h.getLabelsArray=function(){var b=[],c=0,a;for(a in this._labels)b[c++]={time:this._labels[a],name:a};b.sort(function(a,c){return a.time-c.time});return b};h.progress=function(b){return!arguments.length?this._time/this.duration():
this.totalTime(this.duration()*(this._yoyo&&0!==(this._cycle&1)?1-b:b)+this._cycle*(this._duration+this._repeatDelay),!1)};h.totalProgress=function(b){return!arguments.length?this._totalTime/this.totalDuration():this.totalTime(this.totalDuration()*b,!1)};h.totalDuration=function(b){return!arguments.length?(this._dirty&&(r.prototype.totalDuration.call(this),this._totalDuration=-1===this._repeat?999999999999:this._duration*(this._repeat+1)+this._repeatDelay*this._repeat),this._totalDuration):-1===this._repeat?
this:this.duration((b-this._repeat*this._repeatDelay)/(this._repeat+1))};h.time=function(b,c){if(!arguments.length)return this._time;this._dirty&&this.totalDuration();b>this._duration&&(b=this._duration);this._yoyo&&0!==(this._cycle&1)?b=this._duration-b+this._cycle*(this._duration+this._repeatDelay):0!==this._repeat&&(b+=this._cycle*(this._duration+this._repeatDelay));return this.totalTime(b,c)};h.repeat=function(b){if(!arguments.length)return this._repeat;this._repeat=b;return this._uncache(!0)};
h.repeatDelay=function(b){if(!arguments.length)return this._repeatDelay;this._repeatDelay=b;return this._uncache(!0)};h.yoyo=function(b){if(!arguments.length)return this._yoyo;this._yoyo=b;return this};h.currentLabel=function(b){return!arguments.length?this.getLabelBefore(this._time+1E-8):this.seek(b,!0)};return q},!0);_gsDefine("plugins.BezierPlugin",["plugins.TweenPlugin"],function(r){var k=function(){r.call(this,"bezier",-1);this._overwriteProps.pop();this._func={};this._round={}},h=k.prototype=
new r("bezier",1),q=180/Math.PI,l=Math.PI/180,b=[],t=[],c=[],a={},g=function(a,c,d,b){this.a=a;this.b=c;this.c=d;this.d=b;this.da=b-a;this.ca=d-a;this.ba=c-a},d=k.bezierThrough=function(d,u,h,q,v,E){var s={},C=[],n,l,k;v="string"===typeof v?","+v+",":",x,y,z,left,top,right,bottom,marginTop,marginLeft,marginRight,marginBottom,paddingLeft,paddingTop,paddingRight,paddingBottom,backgroundPosition,backgroundPosition_y,";null==u&&(u=1);for(l in d[0])C.push(l);b.length=t.length=c.length=0;for(n=C.length;-1<
--n;){l=C[n];a[l]=-1!==v.indexOf(","+l+",");k=s;var J=l,y;y=d;var j=l,B=a[l],x=E,G=[],z=void 0,w=void 0,r=void 0,e=void 0,m=void 0,z=void 0;if(x){y=[x].concat(y);for(w=y.length;-1<--w;)if("string"===typeof(z=y[w][j]))"="===z.charAt(1)&&(y[w][j]=x[j]+Number(z.charAt(0)+z.substr(2)))}z=y.length-2;if(0>z)G[0]=new g(y[0][j],0,0,y[-1>z?0:1][j]);else{for(w=0;w<z;w++)r=y[w][j],e=y[w+1][j],G[w]=new g(r,0,0,e),B&&(m=y[w+2][j],b[w]=(b[w]||0)+(e-r)*(e-r),t[w]=(t[w]||0)+(m-e)*(m-e));G[w]=new g(y[w][j],0,0,y[w+
1][j])}y=G;k[J]=y}for(n=b.length;-1<--n;)b[n]=Math.sqrt(b[n]),t[n]=Math.sqrt(t[n]);if(!q){for(n=C.length;-1<--n;)if(a[l]){d=s[C[n]];k=d.length-1;for(v=0;v<k;v++)E=d[v+1].da/t[v]+d[v].da/b[v],c[v]=(c[v]||0)+E*E}for(n=c.length;-1<--n;)c[n]=Math.sqrt(c[n])}for(n=C.length;-1<--n;){l=C[n];d=s[l];v=u;E=h;k=q;l=a[l];J=d.length-1;y=0;for(var j=d[0].a,p=m=e=x=z=e=r=z=w=r=G=x=B=void 0,B=0;B<J;B++)w=d[y],x=w.a,G=w.d,r=d[y+1].d,l?(e=b[B],m=t[B],p=0.25*(m+e)*v/(k?0.5:c[B]||0.5),z=G-(G-x)*(k?0.5*v:p/e),r=G+(r-
G)*(k?0.5*v:p/m),e=G-(z+(r-z)*(3*e/(e+m)+0.5)/4)):(z=G-0.5*(G-x)*v,r=G+0.5*(r-G)*v,e=G-(z+r)/2),z+=e,r+=e,w.c=z,w.b=0!==B?j:j=w.a+0.6*(w.c-w.a),w.da=G-x,w.ca=z-x,w.ba=j-x,E?(x=A(x,j,z,G),d.splice(y,1,x[0],x[1],x[2],x[3]),y+=4):y++,j=r;w=d[y];w.b=j;w.c=j+0.4*(w.d-j);w.da=w.d-w.a;w.ca=w.c-w.a;w.ba=j-w.a;E&&(x=A(w.a,j,w.c,w.d),d.splice(y,1,x[0],x[1],x[2],x[3]))}return s},A=k.cubicToQuadratic=function(a,c,d,b){var g={a:a},h={},s={},l={c:b},n=(a+c)/2,q=(c+d)/2;d=(d+b)/2;c=(n+q)/2;var q=(q+d)/2,k=(q-c)/
8;g.b=n+(a-n)/4;h.b=c+k;g.c=h.a=(g.b+h.b)/2;h.c=s.a=(c+q)/2;s.b=q-k;l.b=d+(b-d)/4;s.c=l.a=(s.b+l.b)/2;return[g,h,s,l]};k.quadraticToCubic=function(a,c,d){return new g(a,(2*c+a)/3,(2*c+d)/3,d)};h.constructor=k;k.API=2;k._cssRegister=function(){var a=window.com.greensock.plugins.CSSPlugin;if(a){var a=a._internals,c=a._parseToProxy,d=a._setPluginRatio,b=a.CSSPropTween;a._registerComplexSpecialProp("bezier",null,function(a,f,g,h,n,q){f instanceof Array&&(f={values:f});q=new k;g=f.values;var r=g.length-
1,t=[],y={},j,B,x;if(0>r)return n;for(j=0;j<=r;j++)x=c(a,g[j],h,n,q,r!==j),t[j]=x.end;for(B in f)y[B]=f[B];y.values=t;n=new b(a,"bezier",0,0,x.pt,2);n.data=x;n.plugin=q;n.setRatio=d;0===y.autoRotate&&(y.autoRotate=!0);y.autoRotate&&!(y.autoRotate instanceof Array)&&(j=!0===y.autoRotate?0:Number(y.autoRotate)*l,y.autoRotate=null!=x.end.left?[["left","top","rotation",j,!0]]:null!=x.end.x?[["x","y","rotation",j,!0]]:!1);y.autoRotate&&(h._transform||h._enableTransforms(!1),x.autoRotate=h._target._gsTransform);
q._onInitTween(x.proxy,y,h._tween);return n})}};h._onInitTween=function(a,c,b){this._target=a;c instanceof Array&&(c={values:c});this._props=[];this._timeRes=null==c.timeResolution?6:parseInt(c.timeResolution,10);var h=c.values||[],q={},l=h[0];b=c.autoRotate||b.vars.orientToBezier;var s,C,n;this._autoRotate=b?b instanceof Array?b:[["x","y","rotation",!0===b?0:Number(b)||0]]:null;for(s in l)this._props.push(s);for(l=this._props.length;-1<--l;)s=this._props[l],this._overwriteProps.push(s),b=this._func[s]=
"function"===typeof a[s],q[s]=!b?parseFloat(a[s]):a[s.indexOf("set")||"function"!==typeof a["get"+s.substr(3)]?s:"get"+s.substr(3)](),n||q[s]!==h[0][s]&&(n=q);if("cubic"!==c.type&&"quadratic"!==c.type&&"soft"!==c.type)q=d(h,isNaN(c.curviness)?1:c.curviness,!1,"thruBasic"===c.type,c.correlate,n);else{b=(b=c.type)||"soft";c={};n="cubic"===b?3:2;b="soft"===b;var l=[],k,r,t,y,j,B,x,G,z;b&&q&&(h=[q].concat(h));if(null==h||h.length<n+1)throw"invalid Bezier data";for(r in h[0])l.push(r);for(B=l.length;-1<
--B;){r=l[B];c[r]=j=[];z=0;G=h.length;for(x=0;x<G;x++)k=null==q?h[x][r]:"string"===typeof(t=h[x][r])&&"="===t.charAt(1)?q[r]+Number(t.charAt(0)+t.substr(2)):Number(t),b&&1<x&&x<G-1&&(j[z++]=(k+j[z-2])/2),j[z++]=k;G=z-n+1;for(x=z=0;x<G;x+=n)k=j[x],r=j[x+1],t=j[x+2],y=2===n?0:j[x+3],j[z++]=t=3===n?new g(k,r,t,y):new g(k,(2*r+k)/3,(2*r+t)/3,t);j.length=z}q=c}this._beziers=q;this._segCount=this._beziers[s].length;if(this._timeRes){l=this._beziers;s=this._timeRes;s=s>>0||6;q=[];r=[];h=t=0;c=s-1;n=[];b=
[];for(C in l){k=l[C];j=q;B=s;x=1/B;G=k.length;for(var w=void 0,A=void 0,e=y=z=A=void 0,m=w=void 0,p=void 0,p=e=void 0;-1<--G;){e=k[G];A=e.a;z=e.d-A;y=e.c-A;e=e.b-A;A=0;for(m=1;m<=B;m++)w=x*m,p=1-w,w=A-(A=(w*w*z+3*p*(w*y+p*e))*w),p=G*B+m-1,j[p]=(j[p]||0)+w*w}}l=q.length;for(C=0;C<l;C++)t+=Math.sqrt(q[C]),k=C%s,b[k]=t,k===c&&(h+=t,k=C/s>>0,n[k]=b,r[k]=h,t=0,b=[]);this._length=h;this._lengths=r;this._segments=n;this._l1=this._li=this._s1=this._si=0;this._l2=this._lengths[0];this._curSeg=this._segments[0];
this._s2=this._curSeg[0];this._prec=1/this._curSeg.length}if(b=this._autoRotate){b[0]instanceof Array||(this._autoRotate=b=[b]);for(l=b.length;-1<--l;)for(C=0;3>C;C++)s=b[l][C],this._func[s]="function"===typeof a[s]?a[s.indexOf("set")||"function"!==typeof a["get"+s.substr(3)]?s:"get"+s.substr(3)]:!1}return!0};h.setRatio=function(a){var c=this._segCount,b=this._func,d=this._target,h,g,l,k,n;if(this._timeRes){h=this._lengths;k=this._curSeg;a*=this._length;g=this._li;if(a>this._l2&&g<c-1){for(c-=1;g<
c&&(this._l2=h[++g])<=a;);this._l1=h[g-1];this._li=g;this._curSeg=k=this._segments[g];this._s2=k[this._s1=this._si=0]}else if(a<this._l1&&0<g){for(;0<g&&(this._l1=h[--g])>=a;);0===g&&a<this._l1?this._l1=0:g++;this._l2=h[g];this._li=g;this._curSeg=k=this._segments[g];this._s1=k[(this._si=k.length-1)-1]||0;this._s2=k[this._si]}h=g;a-=this._l1;g=this._si;if(a>this._s2&&g<k.length-1){for(c=k.length-1;g<c&&(this._s2=k[++g])<=a;);this._s1=k[g-1];this._si=g}else if(a<this._s1&&0<g){for(;0<g&&(this._s1=k[--g])>=
a;);0===g&&a<this._s1?this._s1=0:g++;this._s2=k[g];this._si=g}k=(g+(a-this._s1)/(this._s2-this._s1))*this._prec}else h=0>a?0:1<=a?c-1:c*a>>0,k=(a-h*(1/c))*c;c=1-k;for(g=this._props.length;-1<--g;)if(a=this._props[g],l=this._beziers[a][h],n=(k*k*l.da+3*c*(k*l.ca+c*l.ba))*k+l.a,this._round[a]&&(n=n+(0<n?0.5:-0.5)>>0),b[a])d[a](n);else d[a]=n;if(this._autoRotate){var c=this._autoRotate,r,t,A,y,j;for(g=c.length;-1<--g;)a=c[g][2],y=c[g][3]||0,j=!0===c[g][4]?1:q,l=this._beziers[c[g][0]][h],n=this._beziers[c[g][1]][h],
r=l.a+(l.b-l.a)*k,t=l.b+(l.c-l.b)*k,r+=(t-r)*k,t+=(l.c+(l.d-l.c)*k-t)*k,l=n.a+(n.b-n.a)*k,A=n.b+(n.c-n.b)*k,l+=(A-l)*k,A+=(n.c+(n.d-n.c)*k-A)*k,n=Math.atan2(A-l,t-r)*j+y,b[a]?b[a].call(d,n):d[a]=n}};h._roundProps=function(a,c){for(var b=this._overwriteProps,d=b.length;-1<--d;)if(a[b[d]]||a.bezier||a.bezierThrough)this._round[b[d]]=c};h._kill=function(a){var c=this._props,b,d;for(b in this._beziers)if(b in a){delete this._beziers[b];delete this._func[b];for(d=c.length;-1<--d;)c[d]===b&&c.splice(d,
1)}return r.prototype._kill.call(this,a)};r.activate([k]);return k},!0);_gsDefine("plugins.CSSPlugin",["plugins.TweenPlugin","TweenLite"],function(r){var k=function(){r.call(this,"css");this._overwriteProps.length=0},h,q,l,b,t={},c=k.prototype=new r("css");c.constructor=k;k.version=1.667;k.API=2;k.defaultTransformPerspective=0;c="px";k.suffixMap={top:c,right:c,bottom:c,left:c,width:c,height:c,fontSize:c,padding:c,margin:c,perspective:c};var a=/(?:\d|\-\d|\.\d|\-\.\d)+/g,g=/(?:\d|\-\d|\.\d|\-\.\d|\+=\d|\-=\d|\+=.\d|\-=\.\d)+/g,
d=/(?:\+=|\-=|\-|\b)[\d\-\.]+[a-zA-Z0-9]*(?:%|\b)/gi,A=/[^\d\-\.]/g,f=/(?:\d|\-|\+|=|#|\.)*/g,u=/opacity *= *([^)]*)/,X=/opacity:([^;]*)/,Q=/alpha\(opacity *=.+?\)/i,v=/([A-Z])/g,E=/-([a-z])/gi,s=/(^(?:url\(\"|url\())|(?:(\"\))$|\)$)/gi,C=function(a,e){return e.toUpperCase()},n=/(?:Left|Right|Width)/i,T=/(M11|M12|M21|M22)=[\d\-\.e]+/gi,L=/progid\:DXImageTransform\.Microsoft\.Matrix\(.+?\)/i,J=Math.PI/180,y=180/Math.PI,j={},B=document,x=B.createElement("div"),G=B.createElement("img"),z=k._internals=
{_specialProps:t},w=navigator.userAgent,R,e,m,p,F,I,D,aa=w.indexOf("Android"),Y=B.createElement("div");F=(m=-1!==w.indexOf("Safari")&&-1===w.indexOf("Chrome")&&(-1===aa||3<Number(w.substr(aa+8,1))))&&6>Number(w.substr(w.indexOf("Version/")+8,1));p=-1!==w.indexOf("Firefox");/MSIE ([0-9]{1,}[\.0-9]{0,})/.exec(w);I=parseFloat(RegExp.$1);Y.innerHTML="<a style='top:1px;opacity:.55;'>a</a>";D=(w=Y.getElementsByTagName("a")[0])?/^0.55/.test(w.style.opacity):!1;var la=function(a){return u.test("string"===
typeof a?a:(a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100:1},ma="",ga="",ba=function(a,e){e=e||x;var c=e.style,b,d;if(void 0!==c[a])return a;a=a.charAt(0).toUpperCase()+a.substr(1);b=["O","Moz","ms","Ms","Webkit"];for(d=5;-1<--d&&void 0===c[b[d]+a];);return 0<=d?(ga=3===d?"ms":b[d],ma="-"+ga.toLowerCase()+"-",ga+a):null},ca=B.defaultView?B.defaultView.getComputedStyle:function(){},M=k.getStyle=function(a,e,c,b,d){var j;if(!D&&"opacity"===e)return la(a);!b&&a.style[e]?
j=a.style[e]:(c=c||ca(a,null))?j=(a=c.getPropertyValue(e.replace(v,"-$1").toLowerCase()))||c.length?a:c[e]:a.currentStyle&&(c=a.currentStyle,j=c[e]);return null!=d&&(!j||"none"===j||"auto"===j||"auto auto"===j)?d:j},ea=function(a,e,c){var b={},d=a._gsOverwrittenClassNamePT,j;if(d&&!c){for(;d;)d.setRatio(0),d=d._next;a._gsOverwrittenClassNamePT=null}if(e=e||ca(a,null))if(j=e.length)for(;-1<--j;)b[e[j].replace(E,C)]=e.getPropertyValue(e[j]);else for(j in e)b[j]=e[j];else if(e=a.currentStyle||a.style)for(j in e)b[j.replace(E,
C)]=e[j];D||(b.opacity=la(a));a=da(a,e,!1);b.rotation=a.rotation*y;b.skewX=a.skewX*y;b.scaleX=a.scaleX;b.scaleY=a.scaleY;b.x=a.x;b.y=a.y;U&&(b.z=a.z,b.rotationX=a.rotationX*y,b.rotationY=a.rotationY*y,b.scaleZ=a.scaleZ);b.filters&&delete b.filters;return b},na=function(a,e,c,b){var d={};a=a.style;var j,H,p;for(H in c)if("cssText"!==H&&"length"!==H&&isNaN(H)&&e[H]!==(j=c[H]))if(-1===H.indexOf("Origin")&&("number"===typeof j||"string"===typeof j))d[H]=(""===j||"auto"===j||"none"===j)&&"string"===typeof e[H]&&
""!==e[H].replace(A,"")?0:j,void 0!==a[H]&&(p=new ha(a,H,a[H],p));if(b)for(H in b)"className"!==H&&(d[H]=b[H]);return{difs:d,firstMPT:p}},ta={width:["Left","Right"],height:["Top","Bottom"]},ua=["marginLeft","marginRight","marginTop","marginBottom"],S=function(a,e,c,b,d){if("px"===b||!b)return c;if("auto"===b||!c)return 0;var j=n.test(e),H=a,p=x.style,m=0>c;m&&(c=-c);"%"===b&&-1!==e.indexOf("border")?j=c/100*(j?a.clientWidth:a.clientHeight):(p.cssText="border-style:solid; border-width:0; position:absolute; line-height:0;",
"%"===b||"em"===b||!H.appendChild?(H=a.parentNode||B.body,p[j?"width":"height"]=c+b):p[j?"borderLeftWidth":"borderTopWidth"]=c+b,H.appendChild(x),j=parseFloat(x[j?"offsetWidth":"offsetHeight"]),H.removeChild(x),0===j&&!d&&(j=S(a,e,c,b,!0)));return m?-j:j},ia=function(a,e){if(null==a||""===a||"auto"===a||"auto auto"===a)a="0 0";var c=a.split(" "),b=-1!==a.indexOf("left")?"0%":-1!==a.indexOf("right")?"100%":c[0],d=-1!==a.indexOf("top")?"0%":-1!==a.indexOf("bottom")?"100%":c[1];null==d?d="0":"center"===
d&&(d="50%");if("center"===b||isNaN(parseFloat(b)))b="50%";e&&(e.oxp=-1!==b.indexOf("%"),e.oyp=-1!==d.indexOf("%"),e.oxr="="===b.charAt(1),e.oyr="="===d.charAt(1),e.ox=parseFloat(b.replace(A,"")),e.oy=parseFloat(d.replace(A,"")));return b+" "+d+(2<c.length?" "+c[2]:"")},oa=function(a,e){return"string"===typeof a&&"="===a.charAt(1)?parseInt(a.charAt(0)+"1",10)*parseFloat(a.substr(2)):parseFloat(a)-parseFloat(e)},V=function(a,e){return null==a?e:"string"===typeof a&&"="===a.charAt(1)?parseInt(a.charAt(0)+
"1",10)*Number(a.substr(2))+e:parseFloat(a)},Z=function(a,e){if(null==a)return e;var c=-1===a.indexOf("rad")?J:1,b="="===a.charAt(1);a=Number(a.replace(A,""))*c;return b?a+e:a},ja=function(a,e){var c=(("number"===typeof a?a*J:Z(a,e))-e)%(2*Math.PI);c!==c%Math.PI&&(c+=Math.PI*(0>c?2:-2));return e+c},$={aqua:[0,255,255],lime:[0,255,0],silver:[192,192,192],black:[0,0,0],maroon:[128,0,0],teal:[0,128,128],blue:[0,0,255],navy:[0,0,128],white:[255,255,255],fuchsia:[255,0,255],olive:[128,128,0],yellow:[255,
255,0],orange:[255,165,0],gray:[128,128,128],purple:[128,0,128],green:[0,128,0],red:[255,0,0],pink:[255,192,203],cyan:[0,255,255],transparent:[255,255,255,0]},ka=function(e){if(!e||""===e)return $.black;if($[e])return $[e];if("number"===typeof e)return[e>>16,e>>8&255,e&255];if("#"===e.charAt(0)){if(4===e.length){var c=e.charAt(1),b=e.charAt(2);e=e.charAt(3);e="#"+c+c+b+b+e+e}e=parseInt(e.substr(1),16);return[e>>16,e>>8&255,e&255]}e=e.match(a)||$.transparent;e[0]=Number(e[0]);e[1]=Number(e[1]);e[2]=
Number(e[2]);3<e.length&&(e[3]=Number(e[3]));return e},W="(?:\\b(?:(?:rgb|rgba)\\(.+?\\))|\\B#.+?\\b";for(c in $)W+="|"+c+"\\b";var W=RegExp(W+")","gi"),pa=function(e,c,b){if(null==e)return function(a){return a};var j=c?(e.match(W)||[""])[0]:"",p=e.split(j).join("").match(d)||[],m=e.substr(0,e.indexOf(p[0])),H=")"===e.charAt(e.length-1)?")":"",g=-1!==e.indexOf(" ")?" ":",",h=p.length,f=0<h?p[0].replace(a,""):"";return c?function(a){"number"===typeof a&&(a+=f);var e=(a.match(W)||[j])[0];a=a.split(e).join("").match(d)||
[];var c=a.length;if(h>c--)for(;++c<h;)a[c]=b?a[(c-1)/2>>0]:p[c];return m+a.join(g)+g+e+H}:function(a){"number"===typeof a&&(a+=f);a=a.match(d)||[];var e=a.length;if(h>e--)for(;++e<h;)a[e]=b?a[(e-1)/2>>0]:p[e];return m+a.join(g)+H}},w=function(a){a=a.split(",");return function(e,c,b,d,j,p,m){c=(c+"").split(" ");m={};for(b=0;4>b;b++)m[a[b]]=c[b]=c[b]||c[(b-1)/2>>0];return d.parse(e,m,j,p)}};z._setPluginRatio=function(a){this.plugin.setRatio(a);for(var e=this.data,c=e.proxy,b=e.firstMPT,d;b;)d=c[b.v],
b.r?d=0<d?d+0.5>>0:d-0.5>>0:1E-6>d&&-1E-6<d&&(d=0),b.t[b.p]=d,b=b._next;e.autoRotate&&(e.autoRotate.rotation=c.rotation);if(1===a)for(b=e.firstMPT;b;){a=b.t;if(a.type){if(1===a.type){c=a.xs0+a.s+a.xs1;for(e=1;e<a.l;e++)c+=a["xn"+e]+a["xs"+(e+1)];a.e=c}}else a.e=a.s+a.xs0;b=b._next}};var ha=function(a,e,c,b,d){this.t=a;this.p=e;this.v=c;this.r=d;b&&(b._prev=this,this._next=b)};z._parseToProxy=function(a,e,c,b,d,p){var H=b,m={},g={},h=c._transform,f=j,l;c._transform=null;j=e;b=a=c.parse(a,e,b,d);j=
f;p&&(c._transform=h,H&&(H._prev=null,H._prev&&(H._prev._next=null)));for(;b&&b!==H;){if(1>=b.type&&(h=b.p,g[h]=b.s+b.c,m[h]=b.s,p||(l=new ha(b,"s",h,l,b.r),b.c=0),1===b.type))for(c=b.l;0<--c;)f="xn"+c,h=b.p+"_"+f,g[h]=b.data[f],m[h]=b[f],p||(l=new ha(b,f,h,l,b.rxp[f]));b=b._next}return{proxy:m,end:g,firstMPT:l,pt:a}};var N=z.CSSPropTween=function(a,e,c,d,j,p,H,m,g,f,l){this.t=a;this.p=e;this.s=c;this.c=d;this.n=H||"css_"+e;a instanceof N||b.push(this.n);this.r=m;this.type=p||0;g&&(this.pr=g,h=!0);
this.b=void 0===f?c:f;this.e=void 0===l?c+d:l;j&&(this._next=j,j._prev=this)},fa=k.parseComplex=function(e,c,b,d,j,p,m,h,f,l){m=new N(e,c,0,0,m,l?2:1,null,!1,h,b,d);e=b.split(", ").join(",").split(" ");c=(d+"").split(", ").join(",").split(" ");b=e.length;h=!1!==R;var k,q,n,F,I;b!==c.length&&(e=(p||"").split(" "),b=e.length);m.plugin=f;m.setRatio=l;for(p=0;p<b;p++)if(f=e[p],k=c[p],(l=parseFloat(f))||0===l)m.appendXtra("",l,oa(k,l),k.replace(g,""),h&&-1!==k.indexOf("px"),!0);else if(j&&("#"===f.charAt(0)||
0===f.indexOf("rgb")||$[f]))f=ka(f),k=ka(k),(l=6<f.length+k.length)&&!D&&0===k[3]?(m["xs"+m.l]+=m.l?" transparent":"transparent",m.e=m.e.split(c[p]).join("transparent")):(m.appendXtra(l?"rgba(":"rgb(",f[0],k[0]-f[0],",",!0,!0).appendXtra("",f[1],k[1]-f[1],",",!0).appendXtra("",f[2],k[2]-f[2],l?",":")",!0),l&&(f=4>f.length?1:f[3],m.appendXtra("",f,(4>k.length?1:k[3])-f,")",!1)));else if(l=f.match(a)){n=k.match(g);if(!n||n.length!==l.length)return m;for(k=q=0;k<l.length;k++)I=l[k],F=f.indexOf(I,q),
m.appendXtra(f.substr(q,F-q),Number(I),oa(n[k],I),"",h&&"px"===f.substr(F+I.length,2),0===k),q=F+I.length;m["xs"+m.l]+=f.substr(q)}else m["xs"+m.l]+=m.l?" "+f:f;if(-1!==d.indexOf("=")&&m.data){d=m.xs0+m.data.s;for(p=1;p<m.l;p++)d+=m["xs"+p]+m.data["xn"+p];m.e=d+m["xs"+p]}m.l||(m.type=-1,m.xs0=m.e);return m.xfirst||m},O=9,c=N.prototype;for(c.l=c.pr=0;0<--O;)c["xn"+O]=0,c["xs"+O]="";c.xs0="";c._next=c._prev=c.xfirst=c.data=c.plugin=c.setRatio=c.rxp=null;c.appendXtra=function(a,e,c,b,d,j){var m=this.l;
this["xs"+m]+=j&&m?" "+a:a||"";if(!c&&0!==m&&!this.plugin)return this["xs"+m]+=e+(b||""),this;this.l++;this.type=this.setRatio?2:1;this["xs"+this.l]=b||"";if(0<m)return this.data["xn"+m]=e+c,this.rxp["xn"+m]=d,this["xn"+m]=e,this.plugin||(this.xfirst=new N(this,"xn"+m,e,c,this.xfirst||this,0,this.n,d,this.pr),this.xfirst.xs0=0),this;this.data={s:e+c};this.rxp={};this.s=e;this.c=c;this.r=d;return this};var qa=function(a,e,c,b,d,m,j){this.p=b?ba(a)||a:a;t[a]=t[this.p]=this;this.format=m||pa(e,d);c&&
(this.parse=c);this.clrs=d;this.dflt=e;this.pr=j||0},K=z._registerComplexSpecialProp=function(a,e,c,b,d,m,j){a=a.split(",");e=e instanceof Array?e:[e];for(var p=a.length;-1<--p;)new qa(a[p],e[p],c,b&&0===p,d,m,j)},z=function(a){if(!t[a]){var e=a.charAt(0).toUpperCase()+a.substr(1)+"Plugin";K(a,null,function(a,c,b,d,m,j,p){var f=window.com.greensock.plugins[e];if(!f)return window.console&&console.log("Error: "+e+" js file not loaded."),m;f._cssRegister();return t[b].parse(a,c,b,d,m,j,p)})}},c=qa.prototype;
c.parseComplex=function(a,e,c,b,d,m){return fa(a,this.p,e,c,this.clrs,this.dflt,b,this.pr,d,m)};c.parse=function(a,e,c,b,d,m){return this.parseComplex(a.style,this.format(M(a,c,l,!1,this.dflt)),this.format(e),d,m)};k.registerSpecialProp=function(a,e,c){K(a,null,function(a,b,d,m,j,p){j=new N(a,d,0,0,j,2,d,!1,c);j.plugin=p;j.setRatio=e(a,b,m._tween,d);return j},!1,!1,null,c)};var ra="scaleX scaleY scaleZ x y z skewX rotation rotationX rotationY perspective".split(" "),P=ba("transform"),va=ma+"transform",
sa=ba("transformOrigin"),U=null!==ba("perspective"),da=function(a,e,c){var b=c?a._gsTransform||{skewY:0}:{skewY:0},d=0>b.scaleX,m=U?parseFloat(M(a,sa,e,!1,"0 0 0").split(" ")[2])||b.zOrigin||0:0,j,p,f,g,h,l,q,n;P?j=M(a,va,e,!0):a.currentStyle&&(j=(j=a.currentStyle.filter.match(T))&&4===j.length?j[0].substr(4)+","+Number(j[2].substr(4))+","+Number(j[1].substr(4))+","+j[3].substr(4)+","+(b?b.x:0)+","+(b?b.y:0):null);p=(j||"").match(/(?:\-|\b)[\d\-\.e]+\b/gi)||[];for(e=p.length;-1<--e;)j=Number(p[e]),
p[e]=(1E5*j+(0>j?-0.5:0.5)>>0)/1E5;if(16===p.length){if(d=p[8],j=p[9],h=p[10],l=p[12],q=p[13],n=p[14],b.zOrigin&&(n=-b.zOrigin,l=d*n-p[12],q=j*n-p[13],n=h*n+b.zOrigin-p[14]),!c||l!==b.x||q!==b.y||n!==b.z){var F=p[0],I=p[1],t=p[2],r=p[3],u=p[4],D=p[5],s=p[6],x=p[7];p=p[11];var w=-Math.PI+1E-4,Y=Math.PI-1E-4,v=b.rotationX=Math.atan2(s,h),aa=v<w||v>Y,y,A,B,z;v&&(B=Math.cos(-v),z=Math.sin(-v),v=u*B+d*z,y=D*B+j*z,A=s*B+h*z,d=u*-z+d*B,j=D*-z+j*B,h=s*-z+h*B,p=x*-z+p*B,u=v,D=y,s=A);if(v=b.rotationY=Math.atan2(d,
F))f=v<w||v>Y,B=Math.cos(-v),z=Math.sin(-v),y=I*B-j*z,A=t*B-h*z,j=I*z+j*B,h=t*z+h*B,p=r*z+p*B,F=F*B-d*z,I=y,t=A;if(v=b.rotation=Math.atan2(I,D))g=v<w||v>Y,B=Math.cos(-v),z=Math.sin(-v),F=F*B+u*z,y=I*B+D*z,D=I*-z+D*B,s=t*-z+s*B,I=y;g&&aa?b.rotation=b.rotationX=0:g&&f?b.rotation=b.rotationY=0:f&&aa&&(b.rotationY=b.rotationX=0);b.scaleX=(1E5*Math.sqrt(F*F+I*I)+0.5>>0)/1E5;b.scaleY=(1E5*Math.sqrt(D*D+j*j)+0.5>>0)/1E5;b.scaleZ=(1E5*Math.sqrt(s*s+h*h)+0.5>>0)/1E5;b.skewX=0;b.perspective=p?1/p:0;b.x=l;b.y=
q;b.z=n}}else if(!U||0===p.length||b.x!==p[4]||b.y!==p[5]||!b.rotationX&&!b.rotationY){j=(f=6<=p.length)?p[0]:1;l=p[1]||0;h=p[2]||0;q=f?p[3]:1;b.x=p[4]||0;b.y=p[5]||0;f=Math.sqrt(j*j+l*l);g=Math.sqrt(q*q+h*h);j=j||l?Math.atan2(l,j):b.rotation||0;h=h||q?Math.atan2(h,q)+j:b.skewX||0;l=f-Math.abs(b.scaleX||0);q=g-Math.abs(b.scaleY||0);Math.abs(h)>Math.PI/2&&Math.abs(h)<1.5*Math.PI&&(d?(f*=-1,h+=0>=j?Math.PI:-Math.PI,j+=0>=j?Math.PI:-Math.PI):(g*=-1,h+=0>=h?Math.PI:-Math.PI));d=(j-b.rotation)%Math.PI;
n=(h-b.skewX)%Math.PI;if(void 0===b.skewX||1E-6<l||-1E-6>l||1E-6<q||-1E-6>q||1E-6<d||-1E-6>d||1E-6<n||-1E-6>n)b.scaleX=f,b.scaleY=g,b.rotation=j,b.skewX=h;U&&(b.rotationX=b.rotationY=b.z=0,b.perspective=parseFloat(k.defaultTransformPerspective)||0,b.scaleZ=1)}b.zOrigin=m;for(e in b)1E-6>b[e]&&-1E-6<b[e]&&(b[e]=0);c&&(a._gsTransform=b);return b},wa=function(a){var e=this.data,b=-e.rotation,c=b+e.skewX,d=(1E5*Math.cos(b)*e.scaleX>>0)/1E5,b=(1E5*Math.sin(b)*e.scaleX>>0)/1E5,j=(1E5*Math.sin(c)*-e.scaleY>>
0)/1E5,c=(1E5*Math.cos(c)*e.scaleY>>0)/1E5,p=this.t.style,m=this.t.currentStyle,h,g;if(m){g=b;b=-j;j=-g;h=m.filter;p.filter="";var l=this.t.offsetWidth;g=this.t.offsetHeight;var k="absolute"!==m.position,q="progid:DXImageTransform.Microsoft.Matrix(M11="+d+", M12="+b+", M21="+j+", M22="+c,n=e.x,F=e.y,t,D;null!=e.ox&&(t=(e.oxp?0.01*l*e.ox:e.ox)-l/2,D=(e.oyp?0.01*g*e.oy:e.oy)-g/2,n+=t-(t*d+D*b),F+=D-(t*j+D*c));if(k)t=l/2,D=g/2,q+=", Dx="+(t-(t*d+D*b)+n)+", Dy="+(D-(t*j+D*c)+F)+")";else{var r=8>I?1:-1;
t=e.ieOffsetX||0;D=e.ieOffsetY||0;e.ieOffsetX=Math.round((l-((0>d?-d:d)*l+(0>b?-b:b)*g))/2+n);e.ieOffsetY=Math.round((g-((0>c?-c:c)*g+(0>j?-j:j)*l))/2+F);for(O=0;4>O;O++)l=ua[O],g=m[l],g=-1!==g.indexOf("px")?parseFloat(g):S(this.t,l,parseFloat(g),g.replace(f,""))||0,n=g!==e[l]?2>O?-e.ieOffsetX:-e.ieOffsetY:2>O?t-e.ieOffsetX:D-e.ieOffsetY,p[l]=(e[l]=Math.round(g-n*(0===O||2===O?1:r)))+"px";q+=", sizingMethod='auto expand')"}p.filter=-1!==h.indexOf("DXImageTransform.Microsoft.Matrix(")?h.replace(L,
q):q+" "+h;if(0===a||1===a)if(1===d&&0===b&&0===j&&1===c&&(!k||-1!==q.indexOf("Dx=0, Dy=0")))(!u.test(h)||100===parseFloat(RegExp.$1))&&-1===h.indexOf("gradient(")&&p.removeAttribute("filter")}},xa=function(){var a=this.data,e=this.t.style,b=a.perspective,c=a.scaleX,d=0,j=0,m=0,g=0,h=a.scaleY,f=0,l=0,q=0,k=0,n=a.scaleZ,F=0,I=0,t=0,D=b?-1/b:0,r=a.rotation,u=a.zOrigin,s,v,w,x,B;p&&(v=e.top+"",s=parseFloat(v)||0,v=v.substr((s+"").length),a._ffFix=!a._ffFix,e.top=(a._ffFix?s+0.05:s-0.05)+(""===v?"px":
v));r&&(s=Math.cos(r),r=Math.sin(r),w=h*r,d=c*-r,h*=s,c*=s,g=w);if(r=a.rotationY)s=Math.cos(r),r=Math.sin(r),x=n*-r,B=D*-r,j=c*r,f=g*r,n*=s,D*=s,c*=s,g*=s,q=x,I=B;if(r=a.rotationX)s=Math.cos(r),r=Math.sin(r),v=d*s+j*r,w=h*s+f*r,x=k*s+n*r,B=t*s+D*r,j=d*-r+j*s,f=h*-r+f*s,n=k*-r+n*s,D=t*-r+D*s,d=v,h=w,k=x,t=B;u&&(F-=u,m=j*F,l=f*F,F=n*F+u);m+=a.x;l+=a.y;F=(1E5*(F+a.z)>>0)/1E5;e[P]="matrix3d("+(1E5*c>>0)/1E5+","+(1E5*g>>0)/1E5+","+(1E5*q>>0)/1E5+","+(1E5*I>>0)/1E5+","+(1E5*d>>0)/1E5+","+(1E5*h>>0)/1E5+
","+(1E5*k>>0)/1E5+","+(1E5*t>>0)/1E5+","+(1E5*j>>0)/1E5+","+(1E5*f>>0)/1E5+","+(1E5*n>>0)/1E5+","+(1E5*D>>0)/1E5+","+(1E5*m>>0)/1E5+","+(1E5*l>>0)/1E5+","+F+","+(b?1+-F/b:1)+")"},ya=function(){var a=this.data;if(!a.rotation&&!a.skewX)this.t.style[P]="matrix("+a.scaleX+",0,0,"+a.scaleY+","+a.x+","+a.y+")";else{var e=a.rotation,b=e-a.skewX,c=(1E5*Math.cos(e)*a.scaleX>>0)/1E5,e=(1E5*Math.sin(e)*a.scaleX>>0)/1E5,d=(1E5*Math.sin(b)*-a.scaleY>>0)/1E5,b=(1E5*Math.cos(b)*a.scaleY>>0)/1E5;this.t.style[P]=
"matrix("+c+","+e+","+d+","+b+","+a.x+","+a.y+")"}};K("transform,scale,scaleX,scaleY,scaleZ,x,y,z,rotation,rotationX,rotationY,rotationZ,skewX,skewY,shortRotation,shortRotationX,shortRotationY,shortRotationZ,transformOrigin,transformPerspective",null,function(a,e,b,c,d,p,m){if(c._transform)return d;e=c._transform=da(a,l,!0);var g=a.style,h=ra.length,f,q,k,n,F;if("string"===typeof m.transform&&P)q=g[P],g[P]=m.transform,f=da(a,null,!1),g[P]=q;else if("object"===typeof m){q=null!=m.rotation?m.rotation:
null!=m.rotationZ?m.rotationZ:e.rotation*y;f={scaleX:V(null!=m.scaleX?m.scaleX:m.scale,e.scaleX),scaleY:V(null!=m.scaleY?m.scaleY:m.scale,e.scaleY),scaleZ:V(null!=m.scaleZ?m.scaleZ:m.scale,e.scaleZ),x:V(m.x,e.x),y:V(m.y,e.y),z:V(m.z,e.z),perspective:V(m.transformPerspective,e.perspective)};f.rotation=null!=m.shortRotation||null!=m.shortRotationZ?ja(m.shortRotation||m.shortRotationZ||0,e.rotation):"number"===typeof q?q*J:Z(q,e.rotation);U&&(f.rotationX=null!=m.shortRotationX?ja(m.shortRotationX,e.rotationX):
"number"===typeof m.rotationX?m.rotationX*J:Z(m.rotationX,e.rotationX),f.rotationY=null!=m.shortRotationY?ja(m.shortRotationY,e.rotationY):"number"===typeof m.rotationY?m.rotationY*J:Z(m.rotationY,e.rotationY),1E-6>f.rotationX&&-1E-6<f.rotationX&&(f.rotationX=0),1E-6>f.rotationY&&-1E-6<f.rotationY&&(f.rotationY=0));f.skewX=null==m.skewX?e.skewX:"number"===typeof m.skewX?m.skewX*J:Z(m.skewX,e.skewX);f.skewY=null==m.skewY?e.skewY:"number"===typeof m.skewY?m.skewY*J:Z(m.skewY,e.skewY);if(q=f.skewY-e.skewY)f.skewX+=
q,f.rotation+=q;1E-6>f.skewY&&-1E-6<f.skewY&&(f.skewY=0);1E-6>f.skewX&&-1E-6<f.skewX&&(f.skewX=0);1E-6>f.rotation&&-1E-6<f.rotation&&(f.rotation=0)}n=e.z||e.rotationX||e.rotationY||f.z||f.rotationX||f.rotationY||f.perspective;!n&&null!=f.scale&&(f.scaleZ=1);for(;-1<--h;)if(b=ra[h],k=f[b]-e[b],1E-6<k||-1E-6>k||null!=j[b])F=!0,d=new N(e,b,e[b],k,d),d.xs0=0,d.plugin=p,c._overwriteProps.push(d.n);if((k=m.transformOrigin)||U&&n&&e.zOrigin)P?(F=!0,k=(k||M(a,b,l,!1,"50% 50%"))+"",b=sa,d=new N(g,b,0,0,d,
-1,"css_transformOrigin"),d.b=g[b],d.plugin=p,U?(q=e.zOrigin,k=k.split(" "),e.zOrigin=(2<k.length?parseFloat(k[2]):q)||0,d.xs0=d.e=g[b]=k[0]+" "+(k[1]||"50%")+" 0px",d=new N(e,"zOrigin",0,0,d,-1,d.n),d.b=q,d.xs0=d.e=e.zOrigin):d.xs0=d.e=g[b]=k):ia(k+"",e);F&&(c._transformType=n||3===this._transformType?3:2);return d},!0);K("boxShadow","0px 0px 0px 0px #999",null,!0,!0);K("borderRadius","0px",function(a,e,b,c,d){e=this.format(e);c=["borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius",
"borderBottomLeftRadius"];var m=a.style,j,p,f,g,h,k,n,F,r,D,s,I;F=parseFloat(a.offsetWidth);r=parseFloat(a.offsetHeight);e=e.split(" ");for(j=0;j<c.length;j++)this.p.indexOf("border")&&(c[j]=ba(c[j])),g=f=M(a,c[j],l,!1,"0px"),-1!==g.indexOf(" ")&&(f=g.split(" "),g=f[0],f=f[1]),h=p=e[j],k=parseFloat(g),s=g.substr((k+"").length),(I="="===h.charAt(1))?(n=parseInt(h.charAt(0)+"1",10),h=h.substr(2),n*=parseFloat(h),D=h.substr((n+"").length-(0>n?1:0))||""):(n=parseFloat(h),D=h.substr((n+"").length)),""===
D&&(D=q[b]||s),D!==s&&(g=S(a,"borderLeft",k,s),k=S(a,"borderTop",k,s),"%"===D?(g=100*(g/F)+"%",f=100*(k/r)+"%"):"em"===D?(s=S(a,"borderLeft",1,"em"),g=g/s+"em",f=k/s+"em"):(g+="px",f=k+"px"),I&&(h=parseFloat(g)+n+D,p=parseFloat(f)+n+D)),d=fa(m,c[j],g+" "+f,h+" "+p,!1,"0px",d);return d},!0,!1,pa("0px 0px 0px 0px",!1,!0));K("backgroundPosition","0 0",function(a,e,b,c,d,j){b=l||ca(a,null);b=this.format((b?I?b.getPropertyValue("background-position-x")+" "+b.getPropertyValue("background-position-y"):b.getPropertyValue("background-position"):
a.currentStyle.backgroundPositionX+" "+a.currentStyle.backgroundPositionY)||"0 0");e=this.format(e);var m,p,f,g;if(-1!==b.indexOf("%")!==(-1!==e.indexOf("%"))){c=b.split(" ");m=e.split(" ");G.setAttribute("src",M(a,"backgroundImage").replace(s,""));for(p=2;-1<--p;)b=c[p],f=-1!==b.indexOf("%"),f!==(-1!==m[p].indexOf("%"))&&(g=0===p?a.offsetWidth-G.width:a.offsetHeight-G.height,c[p]=f?parseFloat(b)/100*g+"px":100*(parseFloat(b)/g)+"%");b=c.join(" ")}return this.parseComplex(a.style,b,e,d,j)},!1,!1,
ia);K("backgroundSize","0 0",null,!1,!1,ia);K("perspective","0px",null,!0);K("perspectiveOrigin","50% 50%",null,!0);K("transformStyle","preserve-3d",null,!0);K("backfaceVisibility","visible",null,!0);K("margin",null,w("marginTop,marginRight,marginBottom,marginLeft"));K("padding",null,w("paddingTop,paddingRight,paddingBottom,paddingLeft"));K("clip","rect(0px,0px,0px,0px)");K("textShadow","0px 0px 0px #999",null,!1,!0);K("autoRound",null,function(a,e,b,c,d){return d});K("border","0px solid #000",function(a,
e,b,c,d,j){return this.parseComplex(a.style,this.format(M(a,"borderTopWidth",l,!1,"0px")+" "+M(a,"borderTopStyle",l,!1,"solid")+" "+M(a,"borderTopColor",l,!1,"#000")),this.format(e),d,j)},!1,!0,function(a){var e=a.split(" ");return e[0]+" "+(e[1]||"solid")+" "+(a.match(W)||["#000"])[0]});var za=function(a){var e=this.t,b=e.filter;a=this.s+this.c*a>>0;var c;100===a&&(-1===b.indexOf("atrix(")&&-1===b.indexOf("radient(")?(e.removeAttribute("filter"),c=!M(this.data,"filter")):(e.filter=b.replace(Q,""),
c=!0));c||(this.xn1&&(e.filter=b=b||"alpha(opacity=100)"),e.filter=-1===b.indexOf("opacity")?e.filter+(" alpha(opacity="+a+")"):b.replace(u,"opacity="+a))};K("opacity,alpha,autoAlpha","1",function(a,e,b,c,d,j){var m=parseFloat(M(a,"opacity",l,!1,"1")),p=a.style,f;e=parseFloat(e);"autoAlpha"===b&&(f=M(a,"visibility",l),1===m&&("hidden"===f&&0!==e)&&(m=0),d=new N(p,"visibility",0,0,d,-1,null,!1,0,0!==m?"visible":"hidden",0===e?"hidden":"visible"),d.xs0="visible",c._overwriteProps.push(d.n));D?d=new N(p,
"opacity",m,e-m,d):(d=new N(p,"opacity",100*m,100*(e-m),d),d.xn1="autoAlpha"===b?1:0,p.zoom=1,d.type=2,d.b="alpha(opacity="+d.s+")",d.e="alpha(opacity="+(d.s+d.c)+")",d.data=a,d.plugin=j,d.setRatio=za);return d});var Aa=function(a){if(1===a||0===a){this.t.className=1===a?this.e:this.b;a=this.data;for(var e=this.t.style,b=e.removeProperty?"removeProperty":"removeAttribute";a;){if(a.v)e[a.p]=a.v;else e[b](a.p.replace(v,"-$1").toLowerCase());a=a._next}}else this.t.className!==this.b&&(this.t.className=
this.b)};K("className",null,function(a,e,b,c,d,m,j){var p=a.className,f=a.style.cssText;d=c._classNamePT=new N(a,b,0,0,d,2);d.setRatio=Aa;d.b=p;d.e="="!==e.charAt(1)?e:"+"===e.charAt(0)?p+" "+e.substr(2):p.split(e.substr(2)).join("");c._tween._duration&&(e=ea(a,l,!0),a.className=d.e,j=na(a,e,ea(a),j),a.className=p,d.data=j.firstMPT,a.style.cssText=f,d=d.xfirst=c.parse(a,j.difs,d,m));return d});c=["bezier","throwProps","physicsProps","physics2D"];for(O=c.length;O--;)z(c[O]);c=k.prototype;c._firstPT=
null;c._onInitTween=function(a,c,d){if(!a.nodeType)return!1;this._target=a;this._tween=d;this._vars=c;R=c.autoRound;h=!1;q=c.suffixMap||k.suffixMap;l=ca(a,"");b=this._overwriteProps;d=a.style;var j,p,f,g;if(e&&""===d.zIndex&&(j=M(a,"zIndex",l),"auto"===j||""===j))d.zIndex=0;"string"===typeof c&&(p=d.cssText,j=ea(a,l),d.cssText=p+";"+c,j=na(a,j,ea(a)).difs,!D&&X.test(c)&&(j.opacity=parseFloat(RegExp.$1)),c=j,d.cssText=p);this._firstPT=c=this.parse(a,c,null);if(this._transformType){j=3===this._transformType;
if(P){if(m){e=!0;if(""===d.zIndex&&(g=M(a,"zIndex",l),"auto"===g||""===g))d.zIndex=0;F&&(d.WebkitBackfaceVisibility=this._vars.WebkitBackfaceVisibility||(j?"visible":"hidden"))}}else d.zoom=1;for(d=c;d&&d._next;)d=d._next;g=new N(a,"transform",0,0,null,2);this._linkCSSP(g,null,d);g.setRatio=j&&U?xa:P?ya:wa;g.data=this._transform||da(a,l,!0);b.pop()}if(h){for(;c;){a=c._next;for(d=p;d&&d.pr>c.pr;)d=d._next;(c._prev=d?d._prev:f)?c._prev._next=c:p=c;(c._next=d)?d._prev=c:f=c;c=a}this._firstPT=p}return!0};
c.parse=function(a,e,b,c){var d=a.style,j,m,p,f,g,h,k,n;for(j in e){g=e[j];if(m=t[j])b=m.parse(a,g,j,this,b,c,e);else if(m=M(a,j,l)+"",k="string"===typeof g,"color"===j||"fill"===j||"stroke"===j||-1!==j.indexOf("Color")||k&&!g.indexOf("rgb"))k||(g=ka(g),g=(3<g.length?"rgba(":"rgb(")+g.join(",")+")"),b=fa(d,j,m,g,!0,"transparent",b,0,c);else if(k&&(-1!==g.indexOf(" ")||-1!==g.indexOf(",")))b=fa(d,j,m,g,!0,null,b,0,c);else{p=parseFloat(m);h=m.substr((p+"").length);if(""===m||"auto"===m)if("width"===
j||"height"===j){p=a;n=j;f=l;h=parseFloat("width"===n?p.offsetWidth:p.offsetHeight);n=ta[n];var F=n.length;for(f=f||ca(p,null);-1<--F;)h-=parseFloat(M(p,"padding"+n[F],f,!0))||0,h-=parseFloat(M(p,"border"+n[F]+"Width",f,!0))||0;p=h;h="px"}else p="opacity"!==j?0:1,h="";(n=k&&"="===g.charAt(1))?(f=parseInt(g.charAt(0)+"1",10),g=g.substr(2),f*=parseFloat(g),k=g.substr((f+"").length-(0>f?1:0))||""):(f=parseFloat(g),k=k?g.substr((f+"").length)||"":"");""===k&&(k=q[j]||h);g=f||0===f?(n?f+p:f)+k:e[j];if(h!==
k&&""!==k&&(f||0===f))if(p||0===p)if(p=S(a,j,p,h),"%"===k?(p/=S(a,j,100,"%")/100,100<p&&(p=100)):"em"===k?p/=S(a,j,1,"em"):(f=S(a,j,f,k),k="px"),n&&(f||0===f))g=f+p+k;n&&(f+=p);(p||0===p)&&(f||0===f)?(b=new N(d,j,p,f-p,b,0,"css_"+j,!1!==R&&("px"===k||"zIndex"===j),0,m,g),b.xs0=k):!g&&("NaN"===g+""||null==g)?window.console&&console.log("invalid "+j+" tween value. "):(b=new N(d,j,f||p||0,0,b,-1,"css_"+j,!1,0,m,g),b.xs0="display"===j&&"none"===g?m:g)}c&&(b&&!b.plugin)&&(b.plugin=c)}return b};c.setRatio=
function(a){var e=this._firstPT,b,c;if(1===a&&(this._tween._time===this._tween._duration||0===this._tween._time))for(;e;)2!==e.type?e.t[e.p]=e.e:e.setRatio(a),e=e._next;else if(a||!(this._tween._time===this._tween._duration||0===this._tween._time)||-1E-6===this._tween._rawPrevTime)for(;e;){b=e.c*a+e.s;e.r?b=0<b?b+0.5>>0:b-0.5>>0:1E-6>b&&-1E-6<b&&(b=0);if(e.type)if(1===e.type)if(c=e.l,2===c)e.t[e.p]=e.xs0+b+e.xs1+e.xn1+e.xs2;else if(3===c)e.t[e.p]=e.xs0+b+e.xs1+e.xn1+e.xs2+e.xn2+e.xs3;else if(4===
c)e.t[e.p]=e.xs0+b+e.xs1+e.xn1+e.xs2+e.xn2+e.xs3+e.xn3+e.xs4;else if(5===c)e.t[e.p]=e.xs0+b+e.xs1+e.xn1+e.xs2+e.xn2+e.xs3+e.xn3+e.xs4+e.xn4+e.xs5;else{b=e.xs0+b+e.xs1;for(c=1;c<e.l;c++)b+=e["xn"+c]+e["xs"+(c+1)];e.t[e.p]=b}else-1===e.type?e.t[e.p]=e.xs0:e.setRatio&&e.setRatio(a);else e.t[e.p]=b+e.xs0;e=e._next}else for(;e;)2!==e.type?e.t[e.p]=e.b:e.setRatio(a),e=e._next};c._enableTransforms=function(e){this._transformType=e||3===this._transformType?3:2};c._linkCSSP=function(e,a,b,c){e&&(a&&(a._prev=
e),e._next&&(e._next._prev=e._prev),b?b._next=e:!c&&null===this._firstPT&&(this._firstPT=e),e._prev?e._prev._next=e._next:this._firstPT===e&&(this._firstPT=e._next),e._next=a,e._prev=b);return e};c._kill=function(e){var a=e,b=!1,c,d;if(e.css_autoAlpha||e.css_alpha){a={};for(d in e)a[d]=e[d];a.css_opacity=1;a.css_autoAlpha&&(a.css_visibility=1)}if(e.css_className&&(c=this._classNamePT))(e=c.xfirst)&&e._prev?this._linkCSSP(e._prev,c._next,e._prev._prev):e===this._firstPT&&(this._firstPT=null),c._next&&
this._linkCSSP(c._next,c._next._next,e._prev),this._target._gsOverwrittenClassNamePT=this._linkCSSP(c,this._target._gsOverwrittenClassNamePT),this._classNamePT=null,b=!0;return r.prototype._kill.call(this,a)||b};r.activate([k]);return k},!0);_gsDefine("plugins.RoundPropsPlugin",["plugins.TweenPlugin"],function(r){var k=function(){r.call(this,"roundProps",-1);this._overwriteProps.length=0},h=k.prototype=new r("roundProps",-1);h.constructor=k;k.API=2;h._onInitTween=function(h,k,b){this._tween=b;return!0};
h._onInitAllProps=function(){for(var h=this._tween,k=h.vars.roundProps instanceof Array?h.vars.roundProps:h.vars.roundProps.split(","),b=k.length,r={},c=h._propLookup.roundProps,a,g,d;-1<--b;)r[k[b]]=1;for(b=k.length;-1<--b;){a=k[b];for(g=h._firstPT;g;)d=g._next,g.pg?g.t._roundProps(r,!0):g.n===a&&(this._add(g.t,a,g.s,g.c),d&&(d._prev=g._prev),g._prev?g._prev._next=d:h._firstPT===g&&(h._firstPT=d),g._next=g._prev=null,h._propLookup[a]=c),g=d}return!1};h._add=function(h,k,b,r){this._addTween(h,k,b,
b+r,k,!0);this._overwriteProps.push(k)};r.activate([k]);return k},!0);_gsDefine("easing.Back",["easing.Ease"],function(r){var k=window.com.greensock._class,h=function(a,b){var c=k("easing."+a,function(){},!0),d=c.prototype=new r;d.constructor=c;d.getRatio=b;return c},q=function(a,b){var c=k("easing."+a,function(a){this._p1=a||0===a?a:1.70158;this._p2=1.525*this._p1},!0),d=c.prototype=new r;d.constructor=c;d.getRatio=b;d.config=function(a){return new c(a)};return c},l=q("BackOut",function(a){return(a-=
1)*a*((this._p1+1)*a+this._p1)+1}),b=q("BackIn",function(a){return a*a*((this._p1+1)*a-this._p1)}),q=q("BackInOut",function(a){return 1>(a*=2)?0.5*a*a*((this._p2+1)*a-this._p2):0.5*((a-=2)*a*((this._p2+1)*a+this._p2)+2)}),t=h("BounceOut",function(a){return a<1/2.75?7.5625*a*a:a<2/2.75?7.5625*(a-=1.5/2.75)*a+0.75:a<2.5/2.75?7.5625*(a-=2.25/2.75)*a+0.9375:7.5625*(a-=2.625/2.75)*a+0.984375}),c=h("BounceIn",function(a){return(a=1-a)<1/2.75?1-7.5625*a*a:a<2/2.75?1-(7.5625*(a-=1.5/2.75)*a+0.75):a<2.5/2.75?
1-(7.5625*(a-=2.25/2.75)*a+0.9375):1-(7.5625*(a-=2.625/2.75)*a+0.984375)}),a=h("BounceInOut",function(a){var b=0.5>a;a=b?1-2*a:2*a-1;a=a<1/2.75?7.5625*a*a:a<2/2.75?7.5625*(a-=1.5/2.75)*a+0.75:a<2.5/2.75?7.5625*(a-=2.25/2.75)*a+0.9375:7.5625*(a-=2.625/2.75)*a+0.984375;return b?0.5*(1-a):0.5*a+0.5}),g=h("CircOut",function(a){return Math.sqrt(1-(a-=1)*a)}),d=h("CircIn",function(a){return-(Math.sqrt(1-a*a)-1)}),A=h("CircInOut",function(a){return 1>(a*=2)?-0.5*(Math.sqrt(1-a*a)-1):0.5*(Math.sqrt(1-(a-=
2)*a)+1)}),f=2*Math.PI,u=function(a,b,c){var d=k("easing."+a,function(a,b){this._p1=a||1;this._p2=b||c;this._p3=this._p2/f*(Math.asin(1/this._p1)||0)},!0);a=d.prototype=new r;a.constructor=d;a.getRatio=b;a.config=function(a,b){return new d(a,b)};return d},X=u("ElasticOut",function(a){return this._p1*Math.pow(2,-10*a)*Math.sin((a-this._p3)*f/this._p2)+1},0.3),Q=u("ElasticIn",function(a){return-(this._p1*Math.pow(2,10*(a-=1))*Math.sin((a-this._p3)*f/this._p2))},0.3),u=u("ElasticInOut",function(a){return 1>
(a*=2)?-0.5*this._p1*Math.pow(2,10*(a-=1))*Math.sin((a-this._p3)*f/this._p2):0.5*this._p1*Math.pow(2,-10*(a-=1))*Math.sin((a-this._p3)*f/this._p2)+1},0.45),v=h("ExpoOut",function(a){return 1-Math.pow(2,-10*a)}),E=h("ExpoIn",function(a){return Math.pow(2,10*(a-1))-0.001}),s=h("ExpoInOut",function(a){return 1>(a*=2)?0.5*Math.pow(2,10*(a-1)):0.5*(2-Math.pow(2,-10*(a-1)))}),C=Math.PI/2,n=h("SineOut",function(a){return Math.sin(a*C)}),T=h("SineIn",function(a){return-Math.cos(a*C)+1}),h=h("SineInOut",function(a){return-0.5*
(Math.cos(Math.PI*a)-1)}),L=k("easing.SlowMo",function(a,b,c){null==a?a=0.7:1<a&&(a=1);this._p=1!=a?b||0===b?b:0.7:0;this._p1=(1-a)/2;this._p2=a;this._p3=this._p1+this._p2;this._calcEnd=!0===c},!0),J=L.prototype=new r;J.constructor=L;J.getRatio=function(a){var b=a+(0.5-a)*this._p;return a<this._p1?this._calcEnd?1-(a=1-a/this._p1)*a:b-(a=1-a/this._p1)*a*a*a*b:a>this._p3?this._calcEnd?1-(a=(a-this._p3)/this._p1)*a:b+(a-b)*(a=(a-this._p3)/this._p1)*a*a*a:this._calcEnd?1:b};L.ease=new L(0.7,0.7);J.config=
L.config=function(a,b,c){return new L(a,b,c)};var y=k("easing.SteppedEase",function(a){a=a||1;this._p1=1/a;this._p2=a+1},!0),J=y.prototype=new r;J.constructor=y;J.getRatio=function(a){0>a?a=0:1<=a&&(a=0.999999999);return(this._p2*a>>0)*this._p1};J.config=y.config=function(a){return new y(a)};k("easing.Bounce",{easeOut:new t,easeIn:new c,easeInOut:new a},!0);k("easing.Circ",{easeOut:new g,easeIn:new d,easeInOut:new A},!0);k("easing.Elastic",{easeOut:new X,easeIn:new Q,easeInOut:new u},!0);k("easing.Expo",
{easeOut:new v,easeIn:new E,easeInOut:new s},!0);k("easing.Sine",{easeOut:new n,easeIn:new T,easeInOut:new h},!0);return{easeOut:new l,easeIn:new b,easeInOut:new q}},!0)});
(function(r){var k=function(a){a=a.split(".");var b=r,c;for(c=0;c<a.length;c++)b[a[c]]=b=b[a[c]]||{};return b},h=k("com.greensock"),q,l,b,t,c,a={},g=function(e,b,c,d){this.sc=a[e]?a[e].sc:[];a[e]=this;this.gsClass=null;this.def=c;var f=b||[],h=[];this.check=function(b){for(var m=f.length,j=0,l;-1<--m;)(l=a[f[m]]||new g(f[m])).gsClass?h[m]=l.gsClass:(j++,b&&l.sc.push(this));if(0===j&&c){b=("com.greensock."+e).split(".");var m=b.pop(),n=k(b.join("."))[m]=this.gsClass=c.apply(c,h);d&&((r.GreenSockGlobals||
r)[m]=n,"function"===typeof define&&define.amd?define((r.GreenSockAMDPath?r.GreenSockAMDPath+"/":"")+e.split(".").join("/"),[],function(){return n}):"undefined"!==typeof module&&module.exports&&(module.exports=n));for(m=0;m<this.sc.length;m++)this.sc[m].check(!1)}};this.check(!0)},d=h._class=function(a,b,c){b=b||function(){};new g(a,[],function(){return b},c);return b};r._gsDefine=function(a,b,c,d){return new g(a,b,c,d)};var A=[0,0,1,1],f=[],u=d("easing.Ease",function(a,b,c,d){this._func=a;this._type=
c||0;this._power=d||0;this._params=b?A.concat(b):A},!0);b=u.prototype;b._calcEnd=!1;b.getRatio=function(a){if(this._func)return this._params[0]=a,this._func.apply(null,this._params);var b=this._type,c=this._power,d=1===b?1-a:2===b?a:0.5>a?2*a:2*(1-a);1===c?d*=d:2===c?d*=d*d:3===c?d*=d*d*d:4===c&&(d*=d*d*d*d);return 1===b?1-d:2===b?d:0.5>a?d/2:1-d/2};q=["Linear","Quad","Cubic","Quart","Quint"];for(l=q.length;-1<--l;)b=d("easing."+q[l],null,!0),t=d("easing.Power"+l,null,!0),b.easeOut=t.easeOut=new u(null,
null,1,l),b.easeIn=t.easeIn=new u(null,null,2,l),b.easeInOut=t.easeInOut=new u(null,null,3,l);d("easing.Strong",h.easing.Power4,!0);h.easing.Linear.easeNone=h.easing.Linear.easeIn;var X=d("events.EventDispatcher",function(a){this._listeners={};this._eventTarget=a||this});b=X.prototype;b.addEventListener=function(a,b,c,d,f){f=f||0;var g=this._listeners[a],h=0,j;null==g&&(this._listeners[a]=g=[]);for(j=g.length;-1<--j;)a=g[j],a.c===b?g.splice(j,1):0===h&&a.pr<f&&(h=j+1);g.splice(h,0,{c:b,s:c,up:d,pr:f})};
b.removeEventListener=function(a,b){var c=this._listeners[a],d;if(c)for(d=c.length;-1<--d;)if(c[d].c===b){c.splice(d,1);break}};b.dispatchEvent=function(a){var b=this._listeners[a];if(b)for(var c=b.length,d=this._eventTarget,f;-1<--c;)f=b[c],f.up?f.c.call(f.s||d,{type:a,target:d}):f.c.call(f.s||d)};var Q=r.requestAnimationFrame,v=r.cancelAnimationFrame,E=Date.now||function(){return(new Date).getTime()};q=["ms","moz","webkit","o"];for(l=q.length;-1<--l&&!Q;)Q=r[q[l]+"RequestAnimationFrame"],v=r[q[l]+
"CancelAnimationFrame"]||r[q[l]+"CancelRequestAnimationFrame"];d("Ticker",function(a,b){var c=this,d=E(),f=!1!==b&&Q,g,h,j,k,l,n=function(){null!=j&&(!f||!v?r.clearTimeout(j):v(j),j=null)},q=function(a){c.time=(E()-d)/1E3;if(!g||c.time>=l||!0===a)c.frame++,l=c.time>l?c.time+k-(c.time-l):c.time+k-0.001,l<c.time+0.001&&(l=c.time+0.001),c.dispatchEvent("tick");!0!==a&&(j=h(q))};X.call(c);this.time=this.frame=0;this.tick=function(){q(!0)};this.fps=function(a){if(!arguments.length)return g;g=a;k=1/(g||
60);l=this.time+k;h=0===g?function(){}:!f||!Q?function(a){return r.setTimeout(a,1E3*(l-c.time)+1>>0||1)}:Q;n();j=h(q)};this.useRAF=function(a){if(!arguments.length)return f;n();f=a;c.fps(g)};c.fps(a);r.setTimeout(function(){f&&!j&&c.useRAF(!1)},1E3)});b=h.Ticker.prototype=new h.events.EventDispatcher;b.constructor=h.Ticker;var s=d("core.Animation",function(a,b){this.vars=b||{};this._duration=this._totalDuration=a||0;this._delay=Number(this.vars.delay)||0;this._timeScale=1;this._active=!0===this.vars.immediateRender;
this.data=this.vars.data;this._reversed=!0===this.vars.reversed;if(x){c||(C.tick(),c=!0);var d=this.vars.useFrames?B:x;d.insert(this,d._time);this.vars.paused&&this.paused(!0)}}),C=s.ticker=new h.Ticker;b=s.prototype;b._dirty=b._gc=b._initted=b._paused=!1;b._totalTime=b._time=0;b._rawPrevTime=-1;b._next=b._last=b._onUpdate=b._timeline=b.timeline=null;b._paused=!1;b.play=function(a,b){arguments.length&&this.seek(a,b);this.reversed(!1);return this.paused(!1)};b.pause=function(a,b){arguments.length&&
this.seek(a,b);return this.paused(!0)};b.resume=function(a,b){arguments.length&&this.seek(a,b);return this.paused(!1)};b.seek=function(a,b){return this.totalTime(Number(a),!1!==b)};b.restart=function(a,b){this.reversed(!1);this.paused(!1);return this.totalTime(a?-this._delay:0,!1!==b)};b.reverse=function(a,b){arguments.length&&this.seek(a||this.totalDuration(),b);this.reversed(!0);return this.paused(!1)};b.render=function(){};b.invalidate=function(){return this};b._enabled=function(a,b){this._gc=
!a;this._active=a&&!this._paused&&0<this._totalTime&&this._totalTime<this._totalDuration;!0!==b&&(a&&null==this.timeline?this._timeline.insert(this,this._startTime-this._delay):!a&&null!=this.timeline&&this._timeline._remove(this,!0));return!1};b._kill=function(){return this._enabled(!1,!1)};b.kill=function(a,b){this._kill(a,b);return this};b._uncache=function(a){for(a=a?this:this.timeline;a;)a._dirty=!0,a=a.timeline;return this};b.eventCallback=function(a,b,c,d){if(null==a)return null;if("on"===
a.substr(0,2)){if(1===arguments.length)return this.vars[a];if(null==b)delete this.vars[a];else if(this.vars[a]=b,this.vars[a+"Params"]=c,this.vars[a+"Scope"]=d,c)for(var f=c.length;-1<--f;)"{self}"===c[f]&&(c=this.vars[a+"Params"]=c.concat(),c[f]=this);"onUpdate"===a&&(this._onUpdate=b)}return this};b.delay=function(a){if(!arguments.length)return this._delay;this._timeline.smoothChildTiming&&this.startTime(this._startTime+a-this._delay);this._delay=a;return this};b.duration=function(a){if(!arguments.length)return this._dirty=
!1,this._duration;this._duration=this._totalDuration=a;this._uncache(!0);this._timeline.smoothChildTiming&&0<this._time&&this._time<this._duration&&0!==a&&this.totalTime(this._totalTime*(a/this._duration),!0);return this};b.totalDuration=function(a){this._dirty=!1;return!arguments.length?this._totalDuration:this.duration(a)};b.time=function(a,b){if(!arguments.length)return this._time;this._dirty&&this.totalDuration();a>this._duration&&(a=this._duration);return this.totalTime(a,b)};b.totalTime=function(a,
b){if(!arguments.length)return this._totalTime;if(this._timeline){0>a&&(a+=this.totalDuration());if(this._timeline.smoothChildTiming&&(this._dirty&&this.totalDuration(),a>this._totalDuration&&(a=this._totalDuration),this._startTime=(this._paused?this._pauseTime:this._timeline._time)-(!this._reversed?a:this._totalDuration-a)/this._timeScale,this._timeline._dirty||this._uncache(!1),!this._timeline._active))for(var c=this._timeline;c._timeline;)c.totalTime(c._totalTime,!0),c=c._timeline;this._gc&&this._enabled(!0,
!1);this._totalTime!==a&&this.render(a,b,!1)}return this};b.startTime=function(a){if(!arguments.length)return this._startTime;a!==this._startTime&&(this._startTime=a,this.timeline&&this.timeline._sortChildren&&this.timeline.insert(this,a-this._delay));return this};b.timeScale=function(a){if(!arguments.length)return this._timeScale;a=a||1E-6;if(this._timeline&&this._timeline.smoothChildTiming){var b=this._pauseTime||0===this._pauseTime?this._pauseTime:this._timeline._totalTime;this._startTime=b-(b-
this._startTime)*this._timeScale/a}this._timeScale=a;return this._uncache(!1)};b.reversed=function(a){if(!arguments.length)return this._reversed;a!=this._reversed&&(this._reversed=a,this.totalTime(this._totalTime,!0));return this};b.paused=function(a){if(!arguments.length)return this._paused;a!=this._paused&&this._timeline&&(!a&&this._timeline.smoothChildTiming&&(this._startTime+=this._timeline.rawTime()-this._pauseTime,this._uncache(!1)),this._pauseTime=a?this._timeline.rawTime():null,this._paused=
a,this._active=!this._paused&&0<this._totalTime&&this._totalTime<this._totalDuration);this._gc&&(a||this._enabled(!0,!1));return this};h=d("core.SimpleTimeline",function(a){s.call(this,0,a);this.autoRemoveChildren=this.smoothChildTiming=!0});b=h.prototype=new s;b.constructor=h;b.kill()._gc=!1;b._first=b._last=null;b._sortChildren=!1;b.insert=function(a,b){a._startTime=Number(b||0)+a._delay;a._paused&&this!==a._timeline&&(a._pauseTime=a._startTime+(this.rawTime()-a._startTime)/a._timeScale);a.timeline&&
a.timeline._remove(a,!0);a.timeline=a._timeline=this;a._gc&&a._enabled(!0,!0);var c=this._last;if(this._sortChildren)for(var d=a._startTime;c&&c._startTime>d;)c=c._prev;c?(a._next=c._next,c._next=a):(a._next=this._first,this._first=a);a._next?a._next._prev=a:this._last=a;a._prev=c;this._timeline&&this._uncache(!0);return this};b._remove=function(a,b){a.timeline===this&&(b||a._enabled(!1,!0),a.timeline=null,a._prev?a._prev._next=a._next:this._first===a&&(this._first=a._next),a._next?a._next._prev=
a._prev:this._last===a&&(this._last=a._prev),this._timeline&&this._uncache(!0));return this};b.render=function(a,b){var c=this._first,d;for(this._totalTime=this._time=this._rawPrevTime=a;c;){d=c._next;if(c._active||a>=c._startTime&&!c._paused)c._reversed?c.render((!c._dirty?c._totalDuration:c.totalDuration())-(a-c._startTime)*c._timeScale,b,!1):c.render((a-c._startTime)*c._timeScale,b,!1);c=d}};b.rawTime=function(){return this._totalTime};var n=d("TweenLite",function(a,b,c){s.call(this,b,c);if(null==
a)throw"Cannot tween an undefined reference.";this.target=a;this._overwrite=null==this.vars.overwrite?j[n.defaultOverwrite]:"number"===typeof this.vars.overwrite?this.vars.overwrite>>0:j[this.vars.overwrite];if((a instanceof Array||a.jquery)&&"object"===typeof a[0]){this._targets=a.slice(0);this._propLookup=[];this._siblings=[];for(a=0;a<this._targets.length;a++)c=this._targets[a],c.jquery?(this._targets.splice(a--,1),this._targets=this._targets.concat(c.constructor.makeArray(c))):(this._siblings[a]=
G(c,this,!1),1===this._overwrite&&1<this._siblings[a].length&&z(c,this,null,1,this._siblings[a]))}else this._propLookup={},this._siblings=G(a,this,!1),1===this._overwrite&&1<this._siblings.length&&z(a,this,null,1,this._siblings);(this.vars.immediateRender||0===b&&0===this._delay&&!1!==this.vars.immediateRender)&&this.render(-this._delay,!1,!0)},!0);b=n.prototype=new s;b.constructor=n;b.kill()._gc=!1;b.ratio=0;b._firstPT=b._targets=b._overwrittenProps=null;b._notifyPluginsOfEnabled=!1;n.version=1.668;
n.defaultEase=b._ease=new u(null,null,1,1);n.defaultOverwrite="auto";n.ticker=C;var T=n._plugins={},L=n._tweenLookup={},J=0,y={ease:1,delay:1,overwrite:1,onComplete:1,onCompleteParams:1,onCompleteScope:1,useFrames:1,runBackwards:1,startAt:1,onUpdate:1,onUpdateParams:1,onUpdateScope:1,onStart:1,onStartParams:1,onStartScope:1,onReverseComplete:1,onReverseCompleteParams:1,onReverseCompleteScope:1,onRepeat:1,onRepeatParams:1,onRepeatScope:1,easeParams:1,yoyo:1,orientToBezier:1,immediateRender:1,repeat:1,
repeatDelay:1,data:1,paused:1,reversed:1},j={none:0,all:1,auto:2,concurrent:3,allOnStart:4,preexisting:5,"true":1,"false":0},B=s._rootFramesTimeline=new h,x=s._rootTimeline=new h;x._startTime=C.time;B._startTime=C.frame;x._active=B._active=!0;s._updateRoot=function(){x.render((C.time-x._startTime)*x._timeScale,!1,!1);B.render((C.frame-B._startTime)*B._timeScale,!1,!1);if(!(C.frame%120)){var a,b,c;for(c in L){b=L[c].tweens;for(a=b.length;-1<--a;)b[a]._gc&&b.splice(a,1);0===b.length&&delete L[c]}}};
C.addEventListener("tick",s._updateRoot);var G=function(a,b,c){var d=a._gsTweenID,f;if(!L[d||(a._gsTweenID=d="t"+J++)])L[d]={target:a,tweens:[]};if(b&&(a=L[d].tweens,a[f=a.length]=b,c))for(;-1<--f;)a[f]===b&&a.splice(f,1);return L[d].tweens},z=function(a,b,c,d,f){var g,h,j;if(1===d||4<=d){a=f.length;for(g=0;g<a;g++)if((j=f[g])!==b)j._gc||j._enabled(!1,!1)&&(h=!0);else if(5===d)break;return h}var k=b._startTime+1E-10,l=[],n=0,q=0===b._duration,r;for(g=f.length;-1<--g;)if(!((j=f[g])===b||j._gc||j._paused))j._timeline!==
b._timeline?(r=r||w(b,0,q),0===w(j,r,q)&&(l[n++]=j)):j._startTime<=k&&j._startTime+j.totalDuration()/j._timeScale+1E-10>k&&((q||!j._initted)&&2E-10>=k-j._startTime||(l[n++]=j));for(g=n;-1<--g;)if(j=l[g],2===d&&j._kill(c,a)&&(h=!0),2!==d||!j._firstPT&&j._initted)j._enabled(!1,!1)&&(h=!0);return h},w=function(a,b,c){for(var d=a._timeline,f=d._timeScale,g=a._startTime;d._timeline;){g+=d._startTime;f*=d._timeScale;if(d._paused)return-100;d=d._timeline}g/=f;return g>b?g-b:c&&g===b||!a._initted&&2E-10>
g-b?1E-10:(g+=a.totalDuration()/a._timeScale/f)>b?0:g-b-1E-10};b._init=function(){this.vars.startAt&&(this.vars.startAt.overwrite=0,this.vars.startAt.immediateRender=!0,n.to(this.target,0,this.vars.startAt));var a,b;this._ease=this.vars.ease instanceof u?this.vars.easeParams instanceof Array?this.vars.ease.config.apply(this.vars.ease,this.vars.easeParams):this.vars.ease:"function"===typeof this.vars.ease?new u(this.vars.ease,this.vars.easeParams):n.defaultEase;this._easeType=this._ease._type;this._easePower=
this._ease._power;this._firstPT=null;if(this._targets)for(a=this._targets.length;-1<--a;){if(this._initProps(this._targets[a],this._propLookup[a]={},this._siblings[a],this._overwrittenProps?this._overwrittenProps[a]:null))b=!0}else b=this._initProps(this.target,this._propLookup,this._siblings,this._overwrittenProps);b&&n._onPluginEvent("_onInitAllProps",this);this._overwrittenProps&&null==this._firstPT&&"function"!==typeof this.target&&this._enabled(!1,!1);if(this.vars.runBackwards)for(a=this._firstPT;a;)a.s+=
a.c,a.c=-a.c,a=a._next;this._onUpdate=this.vars.onUpdate;this._initted=!0};b._initProps=function(a,b,c,d){var f,g,h,j,k,l;if(null==a)return!1;for(f in this.vars){if(y[f]){if("onStartParams"===f||"onUpdateParams"===f||"onCompleteParams"===f||"onReverseCompleteParams"===f||"onRepeatParams"===f)if(k=this.vars[f])for(g=k.length;-1<--g;)"{self}"===k[g]&&(k=this.vars[f]=k.concat(),k[g]=this)}else if(T[f]&&(j=new T[f])._onInitTween(a,this.vars[f],this)){this._firstPT=l={_next:this._firstPT,t:j,p:"setRatio",
s:0,c:1,f:!0,n:f,pg:!0,pr:j._priority};for(g=j._overwriteProps.length;-1<--g;)b[j._overwriteProps[g]]=this._firstPT;if(j._priority||j._onInitAllProps)h=!0;if(j._onDisable||j._onEnable)this._notifyPluginsOfEnabled=!0}else this._firstPT=b[f]=l={_next:this._firstPT,t:a,p:f,f:"function"===typeof a[f],n:f,pg:!1,pr:0},l.s=!l.f?parseFloat(a[f]):a[f.indexOf("set")||"function"!==typeof a["get"+f.substr(3)]?f:"get"+f.substr(3)](),g=this.vars[f],l.c="number"===typeof g?g-l.s:"string"===typeof g&&"="===g.charAt(1)?
parseInt(g.charAt(0)+"1",10)*Number(g.substr(2)):Number(g)||0;l&&l._next&&(l._next._prev=l)}return d&&this._kill(d,a)?this._initProps(a,b,c,d):1<this._overwrite&&this._firstPT&&1<c.length&&z(a,this,b,this._overwrite,c)?(this._kill(b,a),this._initProps(a,b,c,d)):h};b.render=function(a,b,c){var d=this._time,g,j;if(a>=this._duration){if(this._totalTime=this._time=this._duration,this.ratio=this._ease._calcEnd?this._ease.getRatio(1):1,this._reversed||(g=!0,j="onComplete"),0===this._duration){if(0===a||
0>this._rawPrevTime)this._rawPrevTime!==a&&(c=!0);this._rawPrevTime=a}}else if(0>=a){this._totalTime=this._time=0;this.ratio=this._ease._calcEnd?this._ease.getRatio(0):0;if(0!==d||0===this._duration&&0<this._rawPrevTime)j="onReverseComplete",g=this._reversed;0>a?(this._active=!1,0===this._duration&&(0<=this._rawPrevTime&&(c=!0),this._rawPrevTime=a)):this._initted||(c=!0)}else if(this._totalTime=this._time=a,this._easeType){var h=a/this._duration,k=this._easeType,l=this._easePower;if(1===k||3===k&&
0.5<=h)h=1-h;3===k&&(h*=2);1===l?h*=h:2===l?h*=h*h:3===l?h*=h*h*h:4===l&&(h*=h*h*h*h);this.ratio=1===k?1-h:2===k?h:0.5>a/this._duration?h/2:1-h/2}else this.ratio=this._ease.getRatio(a/this._duration);if(this._time!==d||c){this._initted||(this._init(),!g&&this._time&&(this.ratio=this._ease.getRatio(this._time/this._duration)));!this._active&&!this._paused&&(this._active=!0);if(0===d&&this.vars.onStart&&(0!==this._time||0===this._duration))b||this.vars.onStart.apply(this.vars.onStartScope||this,this.vars.onStartParams||
f);for(a=this._firstPT;a;){if(a.f)a.t[a.p](a.c*this.ratio+a.s);else a.t[a.p]=a.c*this.ratio+a.s;a=a._next}this._onUpdate&&(b||this._onUpdate.apply(this.vars.onUpdateScope||this,this.vars.onUpdateParams||f));j&&!this._gc&&(g&&(this._timeline.autoRemoveChildren&&this._enabled(!1,!1),this._active=!1),b||this.vars[j]&&this.vars[j].apply(this.vars[j+"Scope"]||this,this.vars[j+"Params"]||f))}};b._kill=function(a,b){"all"===a&&(a=null);if(null==a&&(null==b||b===this.target))return this._enabled(!1,!1);b=
b||this._targets||this.target;var c,d,f,g,h,j,k;if((b instanceof Array||b.jquery)&&"object"===typeof b[0])for(c=b.length;-1<--c;)this._kill(a,b[c])&&(h=!0);else{if(this._targets)for(c=this._targets.length;-1<--c;){if(b===this._targets[c]){g=this._propLookup[c]||{};this._overwrittenProps=this._overwrittenProps||[];d=this._overwrittenProps[c]=a?this._overwrittenProps[c]||{}:"all";break}}else{if(b!==this.target)return!1;g=this._propLookup;d=this._overwrittenProps=a?this._overwrittenProps||{}:"all"}if(g)for(f in j=
a||g,k=a!==d&&"all"!==d&&a!==g&&(null==a||!0!==a._tempKill),j){if(c=g[f]){c.pg&&c.t._kill(j)&&(h=!0);if(!c.pg||0===c.t._overwriteProps.length)c._prev?c._prev._next=c._next:c===this._firstPT&&(this._firstPT=c._next),c._next&&(c._next._prev=c._prev),c._next=c._prev=null;delete g[f]}k&&(d[f]=1)}}return h};b.invalidate=function(){this._notifyPluginsOfEnabled&&n._onPluginEvent("_onDisable",this);this._onUpdate=this._overwrittenProps=this._firstPT=null;this._initted=this._active=this._notifyPluginsOfEnabled=
!1;this._propLookup=this._targets?{}:[];return this};b._enabled=function(a,b){if(a&&this._gc)if(this._targets)for(var c=this._targets.length;-1<--c;)this._siblings[c]=G(this._targets[c],this,!0);else this._siblings=G(this.target,this,!0);s.prototype._enabled.call(this,a,b);return this._notifyPluginsOfEnabled&&this._firstPT?n._onPluginEvent(a?"_onEnable":"_onDisable",this):!1};n.to=function(a,b,c){return new n(a,b,c)};n.from=function(a,b,c){c.runBackwards=!0;!1!==c.immediateRender&&(c.immediateRender=
!0);return new n(a,b,c)};n.fromTo=function(a,b,c,d){d.startAt=c;c.immediateRender&&(d.immediateRender=!0);return new n(a,b,d)};n.delayedCall=function(a,b,c,d,f){return new n(b,0,{delay:a,onComplete:b,onCompleteParams:c,onCompleteScope:d,onReverseComplete:b,onReverseCompleteParams:c,onReverseCompleteScope:d,immediateRender:!1,useFrames:f,overwrite:0})};n.set=function(a,b){return new n(a,0,b)};n.killTweensOf=n.killDelayedCallsTo=function(a,b){for(var c=n.getTweensOf(a),d=c.length;-1<--d;)c[d]._kill(b,
a)};n.getTweensOf=function(a){if(null!=a){var b,c,d;if((a instanceof Array||a.jquery)&&"object"===typeof a[0]){b=a.length;for(c=[];-1<--b;)c=c.concat(n.getTweensOf(a[b]));for(b=c.length;-1<--b;){d=c[b];for(a=b;-1<--a;)d===c[a]&&c.splice(b,1)}}else{c=G(a).concat();for(b=c.length;-1<--b;)c[b]._gc&&c.splice(b,1)}return c}};var R=d("plugins.TweenPlugin",function(a,b){this._overwriteProps=(a||"").split(",");this._propName=this._overwriteProps[0];this._priority=b||0},!0);b=R.prototype;R.version=12;R.API=
2;b._firstPT=null;b._addTween=function(a,b,c,d,f,g){var h;if(null!=d&&(h="number"===typeof d||"="!==d.charAt(1)?Number(d)-c:parseInt(d.charAt(0)+"1",10)*Number(d.substr(2))))this._firstPT=a={_next:this._firstPT,t:a,p:b,s:c,c:h,f:"function"===typeof a[b],n:f||b,r:g},a._next&&(a._next._prev=a)};b.setRatio=function(a){for(var b=this._firstPT,c;b;){c=b.c*a+b.s;b.r&&(c=c+(0<c?0.5:-0.5)>>0);if(b.f)b.t[b.p](c);else b.t[b.p]=c;b=b._next}};b._kill=function(a){if(null!=a[this._propName])this._overwriteProps=
[];else for(var b=this._overwriteProps.length;-1<--b;)null!=a[this._overwriteProps[b]]&&this._overwriteProps.splice(b,1);for(b=this._firstPT;b;)null!=a[b.n]&&(b._next&&(b._next._prev=b._prev),b._prev?(b._prev._next=b._next,b._prev=null):this._firstPT===b&&(this._firstPT=b._next)),b=b._next;return!1};b._roundProps=function(a,b){for(var c=this._firstPT;c;){if(a[this._propName]||null!=c.n&&a[c.n.split(this._propName+"_").join("")])c.r=b;c=c._next}};n._onPluginEvent=function(a,b){var c=b._firstPT,d;if("_onInitAllProps"===
a){for(var f,g,h,j;c;){j=c._next;for(f=g;f&&f.pr>c.pr;)f=f._next;(c._prev=f?f._prev:h)?c._prev._next=c:g=c;(c._next=f)?f._prev=c:h=c;c=j}c=b._firstPT=g}for(;c;)c.pg&&"function"===typeof c.t[a]&&c.t[a]()&&(d=!0),c=c._next;return d};R.activate=function(a){for(var b=a.length;-1<--b;)a[b].API===R.API&&(n._plugins[(new a[b])._propName]=a[b]);return!0};if(q=r._gsQueue){for(l=0;l<q.length;l++)q[l]();for(b in a)a[b].def||console.log("Warning: TweenLite encountered missing dependency: com.greensock."+b)}})(window);

13
duo/js/easing/EasePack.min.js vendored 100755
View File

@ -0,0 +1,13 @@
/*!
* VERSION: beta 1.27
* DATE: 2012-07-27
* JavaScript (ActionScript 3 and 2 also available)
* UPDATES AND DOCS AT: http://www.greensock.com
*
* Copyright (c) 2008-2013, GreenSock. All rights reserved.
* This work is subject to the terms in http://www.greensock.com/terms_of_use.html or for
* Club GreenSock members, the software agreement that was issued with your membership.
*
* @author: Jack Doyle, jack@greensock.com
**/
(window._gsQueue||(window._gsQueue=[])).push(function(){_gsDefine("easing.Back",["easing.Ease"],function(g){var c=window.com.greensock._class,b=function(a,l){var b=c("easing."+a,function(){},!0),d=b.prototype=new g;d.constructor=b;d.getRatio=l;return b},h=function(a,l){var b=c("easing."+a,function(a){this._p1=a||0===a?a:1.70158;this._p2=1.525*this._p1},!0),d=b.prototype=new g;d.constructor=b;d.getRatio=l;d.config=function(a){return new b(a)};return b},n=h("BackOut",function(a){return(a-=1)*a*((this._p1+ 1)*a+this._p1)+1}),o=h("BackIn",function(a){return a*a*((this._p1+1)*a-this._p1)}),h=h("BackInOut",function(a){return 1>(a*=2)?0.5*a*a*((this._p2+1)*a-this._p2):0.5*((a-=2)*a*((this._p2+1)*a+this._p2)+2)}),p=b("BounceOut",function(a){return a<1/2.75?7.5625*a*a:a<2/2.75?7.5625*(a-=1.5/2.75)*a+0.75:a<2.5/2.75?7.5625*(a-=2.25/2.75)*a+0.9375:7.5625*(a-=2.625/2.75)*a+0.984375}),q=b("BounceIn",function(a){return(a=1-a)<1/2.75?1-7.5625*a*a:a<2/2.75?1-(7.5625*(a-=1.5/2.75)*a+0.75):a<2.5/2.75?1-(7.5625*(a-= 2.25/2.75)*a+0.9375):1-(7.5625*(a-=2.625/2.75)*a+0.984375)}),r=b("BounceInOut",function(a){var b=0.5>a,a=b?1-2*a:2*a-1,a=a<1/2.75?7.5625*a*a:a<2/2.75?7.5625*(a-=1.5/2.75)*a+0.75:a<2.5/2.75?7.5625*(a-=2.25/2.75)*a+0.9375:7.5625*(a-=2.625/2.75)*a+0.984375;return b?0.5*(1-a):0.5*a+0.5}),s=b("CircOut",function(a){return Math.sqrt(1-(a-=1)*a)}),t=b("CircIn",function(a){return-(Math.sqrt(1-a*a)-1)}),u=b("CircInOut",function(a){return 1>(a*=2)?-0.5*(Math.sqrt(1-a*a)-1):0.5*(Math.sqrt(1-(a-=2)*a)+1)}),i= 2*Math.PI,j=function(a,b,e){var d=c("easing."+a,function(a,b){this._p1=a||1;this._p2=b||e;this._p3=this._p2/i*(Math.asin(1/this._p1)||0)},!0),a=d.prototype=new g;a.constructor=d;a.getRatio=b;a.config=function(a,b){return new d(a,b)};return d},v=j("ElasticOut",function(a){return this._p1*Math.pow(2,-10*a)*Math.sin((a-this._p3)*i/this._p2)+1},0.3),w=j("ElasticIn",function(a){return-(this._p1*Math.pow(2,10*(a-=1))*Math.sin((a-this._p3)*i/this._p2))},0.3),j=j("ElasticInOut",function(a){return 1>(a*=2)? -0.5*this._p1*Math.pow(2,10*(a-=1))*Math.sin((a-this._p3)*i/this._p2):0.5*this._p1*Math.pow(2,-10*(a-=1))*Math.sin((a-this._p3)*i/this._p2)+1},0.45),x=b("ExpoOut",function(a){return 1-Math.pow(2,-10*a)}),y=b("ExpoIn",function(a){return Math.pow(2,10*(a-1))-0.001}),z=b("ExpoInOut",function(a){return 1>(a*=2)?0.5*Math.pow(2,10*(a-1)):0.5*(2-Math.pow(2,-10*(a-1)))}),m=Math.PI/2,A=b("SineOut",function(a){return Math.sin(a*m)}),B=b("SineIn",function(a){return-Math.cos(a*m)+1}),b=b("SineInOut",function(a){return-0.5* (Math.cos(Math.PI*a)-1)}),f=c("easing.SlowMo",function(a,b,c){null==a?a=0.7:1<a&&(a=1);this._p=1!=a?b||0===b?b:0.7:0;this._p1=(1-a)/2;this._p2=a;this._p3=this._p1+this._p2;this._calcEnd=!0===c},!0),e=f.prototype=new g;e.constructor=f;e.getRatio=function(a){var b=a+(0.5-a)*this._p;return a<this._p1?this._calcEnd?1-(a=1-a/this._p1)*a:b-(a=1-a/this._p1)*a*a*a*b:a>this._p3?this._calcEnd?1-(a=(a-this._p3)/this._p1)*a:b+(a-b)*(a=(a-this._p3)/this._p1)*a*a*a:this._calcEnd?1:b};f.ease=new f(0.7,0.7);e.config= f.config=function(a,b,c){return new f(a,b,c)};var k=c("easing.SteppedEase",function(a){a=a||1;this._p1=1/a;this._p2=a+1},!0),e=k.prototype=new g;e.constructor=k;e.getRatio=function(a){0>a?a=0:1<=a&&(a=0.999999999);return(this._p2*a>>0)*this._p1};e.config=k.config=function(a){return new k(a)};c("easing.Bounce",{easeOut:new p,easeIn:new q,easeInOut:new r},!0);c("easing.Circ",{easeOut:new s,easeIn:new t,easeInOut:new u},!0);c("easing.Elastic",{easeOut:new v,easeIn:new w,easeInOut:new j},!0);c("easing.Expo", {easeOut:new x,easeIn:new y,easeInOut:new z},!0);c("easing.Sine",{easeOut:new A,easeIn:new B,easeInOut:new b},!0);return{easeOut:new n,easeIn:new o,easeInOut:new h}},!0)});window._gsDefine&&_gsQueue.pop()();

BIN
duo/js/greensock-v12-js/.DS_Store vendored 100755
View File

Binary file not shown.

11
duo/js/greensock-v12-js/GETTING_STARTED.html 100755
View File

@ -0,0 +1,11 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="REFRESH" content="0;url=http://www.greensock.com/get-started-js/">
<title>Getting Started with the JavaScript Version of the GreenSock Animation Platform</title>
</head>
<body bgcolor="#EFEFEF" text="#333333" link="#71b200" leftmargin="20" topmargin="20" marginwidth="20" marginheight="20">
<div>REDIRECTING...</div>
<a href="http://www.greensock.com/get-started-js/">View the most recent "getting started" guide at greensock.com</a>
</body>
</html>

BIN
duo/js/greensock-v12-js/docs/.DS_Store vendored 100755
View File

Binary file not shown.

129
duo/js/greensock-v12-js/docs/AC_OETags.js 100755
View File

@ -0,0 +1,129 @@
////////////////////////////////////////////////////////////////////////////////
//
// ADOBE SYSTEMS INCORPORATED
// Copyright 2008 Adobe Systems Incorporated
// All Rights Reserved.
//
// NOTICE: Adobe permits you to use, modify, and distribute this file
// in accordance with the terms of the license agreement accompanying it.
//
////////////////////////////////////////////////////////////////////////////////
//v1.0
function AC_AddExtension(src, ext)
{
if (src.indexOf('?') != -1)
return src.replace(/\?/, ext+'?');
else
return src + ext;
}
function AC_Generateobj(objAttrs, params, embedAttrs)
{
var str = '<object ';
for (var i in objAttrs)
str += i + '="' + objAttrs[i] + '" ';
str += '>';
for (var i in params)
str += '<param name="' + i + '" value="' + params[i] + '" /> ';
str += '<embed ';
for (var i in embedAttrs)
str += i + '="' + embedAttrs[i] + '" ';
str += ' ></embed></object>';
document.write(str);
}
function AC_FL_RunContent(){
var ret =
AC_GetArgs
( arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
, "application/x-shockwave-flash"
);
AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}
function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
var ret = new Object();
ret.embedAttrs = new Object();
ret.params = new Object();
ret.objAttrs = new Object();
for (var i=0; i < args.length; i=i+2){
var currArg = args[i].toLowerCase();
switch (currArg){
case "classid":
break;
case "pluginspage":
ret.embedAttrs[args[i]] = args[i+1];
break;
case "src":
case "movie":
args[i+1] = AC_AddExtension(args[i+1], ext);
ret.embedAttrs["src"] = args[i+1];
ret.params[srcParamName] = args[i+1];
break;
case "onafterupdate":
case "onbeforeupdate":
case "onblur":
case "oncellchange":
case "onclick":
case "ondblClick":
case "ondrag":
case "ondragend":
case "ondragenter":
case "ondragleave":
case "ondragover":
case "ondrop":
case "onfinish":
case "onfocus":
case "onhelp":
case "onmousedown":
case "onmouseup":
case "onmouseover":
case "onmousemove":
case "onmouseout":
case "onkeypress":
case "onkeydown":
case "onkeyup":
case "onload":
case "onlosecapture":
case "onpropertychange":
case "onreadystatechange":
case "onrowsdelete":
case "onrowenter":
case "onrowexit":
case "onrowsinserted":
case "onstart":
case "onscroll":
case "onbeforeeditfocus":
case "onactivate":
case "onbeforedeactivate":
case "ondeactivate":
case "type":
case "codebase":
ret.objAttrs[args[i]] = args[i+1];
break;
case "width":
case "height":
case "align":
case "vspace":
case "hspace":
case "class":
case "title":
case "accesskey":
case "name":
case "id":
case "tabindex":
ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
break;
default:
ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
}
}
ret.objAttrs["classid"] = classid;
if (mimeType) ret.embedAttrs["type"] = mimeType;
return ret;
}

124
duo/js/greensock-v12-js/docs/all-classes.html 100755
View File

@ -0,0 +1,124 @@
<!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>All Classes - GreenSock JavaScript Documentation</title>
<base target="classFrame">
<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 class="classFrameContent">
<h3><a href="class-summary.html" target="classFrame" style="color:black">All Classes</a></h3>
<table cellpadding="0" cellspacing="0">
<tr>
<td><a href="com/greensock/core/Animation.html" title="com.greensock.core.Animation">Animation</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Back.html" title="com.greensock.easing.Back">Back</a></td>
</tr>
<tr>
<td><a href="com/greensock/plugins/BezierPlugin.html" title="com.greensock.plugins.BezierPlugin">BezierPlugin</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Bounce.html" title="com.greensock.easing.Bounce">Bounce</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Circ.html" title="com.greensock.easing.Circ">Circ</a></td>
</tr>
<tr>
<td><a href="com/greensock/plugins/ColorPropsPlugin.html" title="com.greensock.plugins.ColorPropsPlugin">ColorPropsPlugin</a></td>
</tr>
<tr>
<td><a href="com/greensock/plugins/CSSPlugin.html" title="com.greensock.plugins.CSSPlugin">CSSPlugin</a></td>
</tr>
<tr>
<td><a href="com/greensock/plugins/CSSRulePlugin.html" title="com.greensock.plugins.CSSRulePlugin">CSSRulePlugin</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Cubic.html" title="com.greensock.easing.Cubic">Cubic</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Ease.html" title="com.greensock.easing.Ease">Ease</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/EaseLookup.html" title="com.greensock.easing.EaseLookup">EaseLookup</a></td>
</tr>
<tr>
<td><a href="com/greensock/plugins/EaselPlugin.html" title="com.greensock.plugins.EaselPlugin">EaselPlugin</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Elastic.html" title="com.greensock.easing.Elastic">Elastic</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Expo.html" title="com.greensock.easing.Expo">Expo</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Linear.html" title="com.greensock.easing.Linear">Linear</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Power0.html" title="com.greensock.easing.Power0">Power0</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Power1.html" title="com.greensock.easing.Power1">Power1</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Power2.html" title="com.greensock.easing.Power2">Power2</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Power3.html" title="com.greensock.easing.Power3">Power3</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Power4.html" title="com.greensock.easing.Power4">Power4</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Quad.html" title="com.greensock.easing.Quad">Quad</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Quart.html" title="com.greensock.easing.Quart">Quart</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Quint.html" title="com.greensock.easing.Quint">Quint</a></td>
</tr>
<tr>
<td><a href="com/greensock/plugins/RaphaelPlugin.html" title="com.greensock.plugins.RaphaelPlugin">RaphaelPlugin</a></td>
</tr>
<tr>
<td><a href="com/greensock/plugins/RoundPropsPlugin.html" title="com.greensock.plugins.RoundPropsPlugin">RoundPropsPlugin</a></td>
</tr>
<tr>
<td><a href="com/greensock/plugins/ScrollToPlugin.html" title="com.greensock.plugins.ScrollToPlugin">ScrollToPlugin</a></td>
</tr>
<tr>
<td><a href="com/greensock/core/SimpleTimeline.html" title="com.greensock.core.SimpleTimeline">SimpleTimeline</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Sine.html" title="com.greensock.easing.Sine">Sine</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/SlowMo.html" title="com.greensock.easing.SlowMo">SlowMo</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/SteppedEase.html" title="com.greensock.easing.SteppedEase">SteppedEase</a></td>
</tr>
<tr>
<td><a href="com/greensock/easing/Strong.html" title="com.greensock.easing.Strong">Strong</a></td>
</tr>
<tr>
<td><a href="com/greensock/TimelineLite.html" title="com.greensock.TimelineLite">TimelineLite</a></td>
</tr>
<tr>
<td><a href="com/greensock/TimelineMax.html" title="com.greensock.TimelineMax">TimelineMax</a></td>
</tr>
<tr>
<td><a href="com/greensock/TweenLite.html" title="com.greensock.TweenLite">TweenLite</a></td>
</tr>
<tr>
<td><a href="com/greensock/TweenMax.html" title="com.greensock.TweenMax">TweenMax</a></td>
</tr>
<tr>
<td><a href="com/greensock/plugins/TweenPlugin.html" title="com.greensock.plugins.TweenPlugin">TweenPlugin</a></td>
</tr>
</table>
</body>
</html>
<!--<br/>Thu Dec 20 2012, 04:30 PM -06:00 -->

27
duo/js/greensock-v12-js/docs/all-index-A.html 100755
View File

@ -0,0 +1,27 @@
<!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>A </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 = 'A 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>&nbsp;|&nbsp;<a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?all-index-A.html&amp;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">A&nbsp;Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("A 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="A"></a><font color="black" size="10px" style="bold">A</font>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#addCallback()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">addCallback</a>(callback:Function, timeOrLabel:any, params:Array, scope:any) &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Inserts a callback at a particular time or label.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#addLabel()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">addLabel</a>(label:String, time:Number) &mdash; 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>
Adds a label to the timeline, making it easy to mark important positions/times.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">Animation</a> &mdash; 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>
Base class for all TweenLite, TweenMax, TimelineLite, and TimelineMax classes, providing
core methods/properties/functionality, but there is no reason to create an instance of this
class directly.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#Animation()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">Animation</a>(duration:Number, vars:Object) &mdash; Constructor, 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>
Constructor
</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#append()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">append</a>(value:any, offsetOrLabel:any) &mdash; 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 tween, timeline, callback, or label to the end of the timeline,
optionally offsetting its insertion point by a certain amount (to make it overlap with the end of
the timeline or leave a gap before its insertion point).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#appendMultiple()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">appendMultiple</a>(tweens:Array, offsetOrLabel:any, align:String, stagger:Number) &mdash; 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 multiple tweens/timelines/callbacks/labels to the end of the timeline at once, optionally
offsetting the insertion point by a certain amount, aligning them (as a sequence for example), and/or
staggering their relative timing.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/SimpleTimeline.html#autoRemoveChildren" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">autoRemoveChildren</a> &mdash; 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> If true, child tweens/timelines will be removed as soon as they complete.</td></tr><tr><td colspan="2" style="padding-bottom:20px"></td></tr><tr><td colspan="2"><font color="black" size="10px" style="bold">A</font>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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 -->

25
duo/js/greensock-v12-js/docs/all-index-B.html 100755
View File

@ -0,0 +1,25 @@
<!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>B </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 = 'B 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>&nbsp;|&nbsp;<a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?all-index-B.html&amp;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">B&nbsp;Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("B 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="B"></a><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">B</font>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/Back.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Back</a> &mdash; 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 an overshoot either at the beginning (easeIn), the end (easeOut), or both (easeInOut).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/plugins/BezierPlugin.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">BezierPlugin</a> &mdash; 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>
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><td class="idxrow" colspan="2"><a href="com/greensock/plugins/BezierPlugin.html#bezierThrough()" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">bezierThrough</a>(values:Array, curviness:Number, quadratic:Boolean, correlate:String, prepend:Object, calcDifs:Boolean) &mdash; Static Method , class com.greensock.plugins.<a href="com/greensock/plugins/BezierPlugin.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">BezierPlugin</a></td></tr><tr><td width="20"></td><td>
Takes an array that contains objects (could be Points, could be generic objects with
any number of properties but they should all match in terms of the names of properties like
[{x:0, y:0, scaleX:0.5}, {x:100, y:-200, scaleX:1.2}, {x:300, y:20, scaleX:0.8}]) and plots Bezier
segments THROUGH those values and returns an array containing a generic object for each Bezier segment.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/Bounce.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Bounce</a> &mdash; 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, bouncing either at the beginning (easeIn), the end (easeOut), or both (easeInOut).</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>&nbsp;&nbsp;<font color="black" size="10px" style="bold">B</font>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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 -->

34
duo/js/greensock-v12-js/docs/all-index-C.html 100755
View File

@ -0,0 +1,34 @@
<!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>C </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 = 'C 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>&nbsp;|&nbsp;<a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?all-index-C.html&amp;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">C&nbsp;Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("C 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="C"></a><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">C</font>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#call()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">call</a>(callback:Function, params:Array, scope:any, offsetOrLabel:any, baseTimeOrLabel:any) &mdash; 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 callback to the end of the timeline - this is
a convenience method that accomplishes exactly the same thing as
append( TweenLite.delayedCall(...) ) but with less code.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/Circ.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Circ</a> &mdash; 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 an abrupt change in velocity either at the beginning (easeIn), the end (easeOut), or both (easeInOut).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#clear()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">clear</a>(labels:Boolean) &mdash; 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>
Empties the timeline of all tweens, timelines, and callbacks (and optionally labels too).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/plugins/ColorPropsPlugin.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">ColorPropsPlugin</a> &mdash; 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>
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><td class="idxrow" colspan="2"><a href="com/greensock/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">com.greensock</a> &mdash; package</td></tr><tr><td width="20"></td><td></td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">com.greensock.core</a> &mdash; package</td></tr><tr><td width="20"></td><td></td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a> &mdash; package</td></tr><tr><td width="20"></td><td></td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/plugins/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">com.greensock.plugins</a> &mdash; package</td></tr><tr><td width="20"></td><td></td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/SlowMo.html#config()" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">config</a>(linearRatio:Number, power:Number, yoyoMode:Boolean) &mdash; method, 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>
Permits customization of the ease with various parameters.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/SteppedEase.html#config()" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">config</a>(steps:int) &mdash; Static Method , 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>
Permits customization of the ease (defining a number of steps).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/plugins/CSSPlugin.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">CSSPlugin</a> &mdash; 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>
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><td class="idxrow" colspan="2"><a href="com/greensock/plugins/CSSRulePlugin.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">CSSRulePlugin</a> &mdash; 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 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><td class="idxrow" colspan="2"><a href="com/greensock/easing/Cubic.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Cubic</a> &mdash; 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 2 which is identical to the Power2 ease.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/plugins/BezierPlugin.html#cubicToQuadratic()" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">cubicToQuadratic</a>(a:Number, b:Number, c:Number, d:Number) &mdash; Static Method , class com.greensock.plugins.<a href="com/greensock/plugins/BezierPlugin.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">BezierPlugin</a></td></tr><tr><td width="20"></td><td>
Using the fixed midpoint approach, we return an array of 4 quadratic Beziers that
closely approximates the cubic Bezier data provided.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#currentLabel()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">currentLabel</a>(value:String) &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Gets the closest label that is at or before the current time, or jumps to a provided label
(behavior depends on whether or not you pass a parameter to the method).</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>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">C</font>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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 -->

21
duo/js/greensock-v12-js/docs/all-index-D.html 100755
View File

@ -0,0 +1,21 @@
<!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>D </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 = 'D 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>&nbsp;|&nbsp;<a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?all-index-D.html&amp;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">D&nbsp;Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("D 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="D"></a><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">D</font>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#data" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">data</a> &mdash; Property, 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> A place to store any data you want (initially populated with vars.data if it exists).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#defaultEase" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">defaultEase</a> &mdash; Static Property, 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> Provides An easy way to change the default easing equation.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#defaultOverwrite" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">defaultOverwrite</a> &mdash; Static Property, 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> Provides An easy way to change the default overwrite mode.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#delay()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">delay</a>(value:Number) &mdash; 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 animation's initial delay which is the length of time in seconds
(or frames for frames-based tweens) before the animation should begin.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#delayedCall()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">delayedCall</a>(delay:Number, callback:Function, params:Array, scope:any, useFrames:Boolean) &mdash; 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>
Provides a simple way to call a function after a set amount of time (or frames).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#delayedCall()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">delayedCall</a>(delay:Number, callback:Function, params:Array, scope:any, useFrames:Boolean) &mdash; 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>
Provides a simple way to call a function after a set amount of time (or frames).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#duration()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">duration</a>(value:Number) &mdash; 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>
Gets the timeline's duration or, if used as a setter, adjusts the timeline's
timeScale to fit it within the specified duration.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#duration()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">duration</a>(value:Number) &mdash; 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 animation's duration, not including any repeats or repeatDelays
(which are only available in TweenMax and TimelineMax).</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>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">D</font>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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 -->

33
duo/js/greensock-v12-js/docs/all-index-E.html 100755
View File

File diff suppressed because one or more lines are too long

36
duo/js/greensock-v12-js/docs/all-index-F.html 100755
View File

@ -0,0 +1,36 @@
<!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>F </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 = 'F 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>&nbsp;|&nbsp;<a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?all-index-F.html&amp;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">F&nbsp;Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("F 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="F"></a><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">F</font>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/EaseLookup.html#find()" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">find</a>(name:String) &mdash; Static Method , class com.greensock.easing.<a href="com/greensock/easing/EaseLookup.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">EaseLookup</a></td></tr><tr><td width="20"></td><td>
Finds the easing function associated with a particular name (String), like "strongEaseOut".</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#from()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">from</a>(target:Object, duration:Number, vars:Object, offsetOrLabel:any, baseTimeOrLabel:any) &mdash; 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 TweenLite.from() tween to the end of the timeline (or elsewhere)
- this is a convenience method that accomplishes exactly the same thing as
append( TweenLite.from(...) ) but with less code.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#from()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">from</a>(target:Object, duration:Number, vars:Object) &mdash; 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>
Static method for creating a TweenLite instance that tweens backwards -
you define the BEGINNING values and the current values are used
as the destination values which is great for doing things like animating objects
onto the screen because you can set them up initially the way you want them to look
at the end of the tween and then animate in from elsewhere.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#from()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">from</a>(target:Object, duration:Number, vars:Object) &mdash; 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>
Static method for creating a TweenMax instance that tweens backwards -
you define the BEGINNING values and the current values are used
as the destination values which is great for doing things like animating objects
onto the screen because you can set them up initially the way you want them to look
at the end of the tween and then animate in from elsewhere.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#fromTo()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">fromTo</a>(target:Object, duration:Number, fromVars:Object, toVars:Object, offsetOrLabel:any, baseTimeOrLabel:any) &mdash; 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 TweenLite.fromTo() tween to the end of the timeline - this is
a convenience method that accomplishes exactly the same thing as
append( TweenLite.fromTo(...) ) but with less code.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#fromTo()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">fromTo</a>(target:Object, duration:Number, fromVars:Object, toVars:Object) &mdash; 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>
Static method for creating a TweenLite instance that allows you to define both the starting
and ending values (as opposed to to() and from() tweens which are
based on the target's current values at one end or the other).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#fromTo()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">fromTo</a>(target:Object, duration:Number, fromVars:Object, toVars:Object) &mdash; 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>
Static method for creating a TweenMax instance that allows you to define both the starting
and ending values (as opposed to to() and from() tweens which are
based on the target's current values at one end or the other).</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>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">F</font>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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 -->

30
duo/js/greensock-v12-js/docs/all-index-G.html 100755
View File

@ -0,0 +1,30 @@
<!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>G </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 = 'G 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>&nbsp;|&nbsp;<a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?all-index-G.html&amp;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">G&nbsp;Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("G 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="G"></a><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">G</font>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#getActive()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">getActive</a>(nested:Boolean, tweens:Boolean, timelines:Boolean) &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Returns the tweens/timelines that are currently active in the timeline, meaning the timeline's
playhead is positioned on the child tween/timeline and the child isn't paused.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#getAllTweens()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">getAllTweens</a>(includeTimelines:Boolean) &mdash; 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>
Returns an array containing all tweens (and optionally timelines too, excluding the root timelines).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#getChildren()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">getChildren</a>(nested:Boolean, tweens:Boolean, timelines:Boolean, ignoreBeforeTime:Number) &mdash; 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>
Returns an array containing all the tweens and/or timelines nested in this timeline.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#getLabelAfter()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">getLabelAfter</a>(time:Number) &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Returns the next label (if any) that occurs after the time parameter.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#getLabelBefore()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">getLabelBefore</a>(time:Number) &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Returns the previous label (if any) that occurs before the time parameter.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#getLabelsArray()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">getLabelsArray</a>() &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Returns an Array of label objects, each with a "time" and "name" property, in the order that they occur in the timeline.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#getLabelTime()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">getLabelTime</a>(label:String) &mdash; 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>
Returns the time associated with a particular label.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/Ease.html#getRatio()" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">getRatio</a>(p:Number) &mdash; method, class com.greensock.easing.<a href="com/greensock/easing/Ease.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Ease</a></td></tr><tr><td width="20"></td><td>
Translates the tween's progress ratio into the corresponding ease ratio.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/SlowMo.html#getRatio()" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">getRatio</a>(p:Number) &mdash; method, 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>
Translates the tween's progress ratio into the corresponding ease ratio.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/SteppedEase.html#getRatio()" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">getRatio</a>(p:Number) &mdash; method, 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>
Translates the tween's progress ratio into the corresponding ease ratio.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/plugins/CSSRulePlugin.html#getRule()" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">getRule</a>(selector:String) &mdash; Static Method , class com.greensock.plugins.<a href="com/greensock/plugins/CSSRulePlugin.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">CSSRulePlugin</a></td></tr><tr><td width="20"></td><td>
Provides a simple way to find the style sheet object associated with a particular selector like ".myClass" or "#myID".</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#getTweensOf()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">getTweensOf</a>(target:Object, nested:Boolean) &mdash; 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>
Returns the tweens of a particular object that are inside this timeline.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#getTweensOf()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">getTweensOf</a>(target:any) &mdash; 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>
Returns an array containing all the tweens of a particular target (or group of targets) that have not
been released for garbage collection yet which typically happens within a few seconds after the tween completes.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#getTweensOf()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">getTweensOf</a>(target:any) &mdash; 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>
Returns an array containing all the tweens of a particular target (or group of targets) that have not
been released for garbage collection yet which typically happens within a few seconds after the tween completes.</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>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">G</font>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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 -->

13
duo/js/greensock-v12-js/docs/all-index-H.html 100755
View File

File diff suppressed because one or more lines are too long

29
duo/js/greensock-v12-js/docs/all-index-I.html 100755
View File

@ -0,0 +1,29 @@
<!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>I </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 = 'I 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>&nbsp;|&nbsp;<a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?all-index-I.html&amp;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">I&nbsp;Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("I 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="I"></a><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">I</font>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#insert()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">insert</a>(value:any, timeOrLabel:any) &mdash; 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>
Inserts a tween, timeline, callback, or label into the timeline at a specific time, frame,
or label.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/SimpleTimeline.html#insert()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">insert</a>(tween:any, time:any) &mdash; method, 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>
Inserts a TweenLite, TweenMax, TimelineLite, or TimelineMax instance into the timeline at a specific time.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#insertMultiple()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">insertMultiple</a>(tweens:Array, timeOrLabel:any, align:String, stagger:Number) &mdash; 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>
Inserts multiple tweens/timelines/callbacks/labels into the timeline at once, optionally aligning them
(as a sequence for example) and/or staggering the timing.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#invalidate()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">invalidate</a>() &mdash; 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>
Clears any initialization data (like starting/ending values in tweens) which can be useful if, for example,
you want to restart a tween without reverting to any previously recorded starting values.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#invalidate()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">invalidate</a>() &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Clears any initialization data (like starting/ending values in tweens) which can be useful if, for example,
you want to restart a tween without reverting to any previously recorded starting values.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#invalidate()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">invalidate</a>() &mdash; 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>
Clears any initialization data (like starting/ending values in tweens) which can be useful if, for example,
you want to restart a tween without reverting to any previously recorded starting values.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#invalidate()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">invalidate</a>() &mdash; 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>
Clears any initialization data (like starting/ending values in tweens) which can be useful if, for example,
you want to restart a tween without reverting to any previously recorded starting values.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#invalidate()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">invalidate</a>() &mdash; 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>
Clears any initialization data (like starting/ending values in tweens) which can be useful if, for example,
you want to restart a tween without reverting to any previously recorded starting values.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#isTweening()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">isTweening</a>(target:Object) &mdash; 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>
Reports whether or not a particular object is actively tweening.</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>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">I</font>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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 -->

13
duo/js/greensock-v12-js/docs/all-index-J.html 100755
View File

File diff suppressed because one or more lines are too long

23
duo/js/greensock-v12-js/docs/all-index-K.html 100755
View File

@ -0,0 +1,23 @@
<!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>K </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 = 'K 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>&nbsp;|&nbsp;<a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?all-index-K.html&amp;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">K&nbsp;Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("K 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="K"></a><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">K</font>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#kill()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">kill</a>(vars:Object, target:Object) &mdash; 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>
Kills the animation entirely or in part depending on the parameters.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#killAll()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">killAll</a>(complete:Boolean, tweens:Boolean, delayedCalls:Boolean, timelines:Boolean) &mdash; 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>
Kills all tweens and/or delayedCalls/callbacks, and/or timelines, optionally forcing them to
completion first.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#killChildTweensOf()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">killChildTweensOf</a>(parent:Object, complete:Boolean) &mdash; 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>
Kills all tweens of the children of a particular DOM element, optionally forcing them to completion first.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#killDelayedCallsTo()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">killDelayedCallsTo</a>(func:Function) &mdash; 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 kills all of the delayedCalls to a particular function.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#killDelayedCallsTo()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">killDelayedCallsTo</a>(func:Function) &mdash; 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 kills all of the delayedCalls to a particular function.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#killTweensOf()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">killTweensOf</a>(target:any, vars:Object) &mdash; 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>
Kills all the tweens (or specific tweening properties) of a particular object or delayedCalls
to a particular function.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#killTweensOf()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">killTweensOf</a>(target:any, vars:Object) &mdash; 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>
Kills all the tweens (or specific tweening properties) of a particular object or
the delayedCalls to a particular function.</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>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">K</font>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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 -->

14
duo/js/greensock-v12-js/docs/all-index-L.html 100755
View File

@ -0,0 +1,14 @@
<!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>L </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 = 'L 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>&nbsp;|&nbsp;<a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?all-index-L.html&amp;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">L&nbsp;Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("L 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="L"></a><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">L</font>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/Linear.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Linear</a> &mdash; 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>
Linear ease with no acceleration or deceleration.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/Linear.html#Linear()" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Linear</a>() &mdash; Constructor, class com.greensock.easing.<a href="com/greensock/easing/Linear.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Linear</a></td></tr><tr><td width="20"></td><td> Constructor </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>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">L</font>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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 -->

13
duo/js/greensock-v12-js/docs/all-index-M.html 100755
View File

File diff suppressed because one or more lines are too long

13
duo/js/greensock-v12-js/docs/all-index-N.html 100755
View File

File diff suppressed because one or more lines are too long

13
duo/js/greensock-v12-js/docs/all-index-O.html 100755
View File

File diff suppressed because one or more lines are too long

37
duo/js/greensock-v12-js/docs/all-index-P.html 100755
View File

@ -0,0 +1,37 @@
<!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>P </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 = 'P 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>&nbsp;|&nbsp;<a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?all-index-P.html&amp;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">P&nbsp;Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("P 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="P"></a><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">P</font>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#pause()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">pause</a>(atTime:any, suppressEvents:Boolean) &mdash; 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>
Pauses the instance, optionally jumping to a specific time.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#pauseAll()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">pauseAll</a>(tweens:Boolean, delayedCalls:Boolean, timelines:Boolean) &mdash; 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>
[deprecated] Pauses all tweens and/or delayedCalls/callbacks and/or timelines.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#paused()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">paused</a>(value:Boolean) &mdash; 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 animation's paused state which indicates whether or not the animation
is currently paused.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#play()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">play</a>(from:any, suppressEvents:Boolean) &mdash; 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>
Begins playing forward, optionally from a specific time (by default playback begins from
wherever the playhead currently is).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/Power0.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Power0</a> &mdash; 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 0 which is identical to Linear but with a more intuitive name.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/Power1.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Power1</a> &mdash; 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 1 which is identical to Quad but with a more intuitive name.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/Power2.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Power2</a> &mdash; 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 2 which is identical to Cubic but with a more intuitive name.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/Power3.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Power3</a> &mdash; 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 3 which is identical to Quart but with a more intuitive name.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/Power4.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Power4</a> &mdash; 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 Quint and Strong but with a more intuitive name.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#progress()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">progress</a>(value:Number) &mdash; 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>
Gets or sets the animation's progress which is a value between 0 and 1 indicating the position
of the virtual playhead where 0 is at the beginning, 0.5 is halfway complete, and 1 is complete.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#progress()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">progress</a>(value:Number) &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Gets or sets the timeline's progress which is a value between 0 and 1 indicating the position
of the virtual playhead (excluding repeats) where 0 is at the beginning, 0.5 is halfway complete,
and 1 is complete.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#progress()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">progress</a>(value:Number) &mdash; 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>
Gets or sets the tween's progress which is a value between 0 and 1 indicating the position
of the virtual playhead (excluding repeats) where 0 is at the beginning, 0.5 is halfway complete,
and 1 is complete.</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>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">P</font>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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 -->

20
duo/js/greensock-v12-js/docs/all-index-Q.html 100755
View File

@ -0,0 +1,20 @@
<!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>Q </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 = 'Q 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>&nbsp;|&nbsp;<a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?all-index-Q.html&amp;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">Q&nbsp;Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Q 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="Q"></a><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">Q</font>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/Quad.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Quad</a> &mdash; 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 1 which is identical to the Power1 ease.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/plugins/BezierPlugin.html#quadraticToCubic()" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">quadraticToCubic</a>(a:Number, b:Number, c:Number) &mdash; Static Method , class com.greensock.plugins.<a href="com/greensock/plugins/BezierPlugin.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">BezierPlugin</a></td></tr><tr><td width="20"></td><td>
Returns the Cubic equivalent of a Quadratic Bezier.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/Quart.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Quart</a> &mdash; 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 2 which is identical to the Power2 ease.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/easing/Quint.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">Quint</a> &mdash; 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>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">Q</font>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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 -->

32
duo/js/greensock-v12-js/docs/all-index-R.html 100755
View File

@ -0,0 +1,32 @@
<!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>R </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 = 'R 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>&nbsp;|&nbsp;<a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?all-index-R.html&amp;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">R&nbsp;Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("R 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="R"></a><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">R</font>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/plugins/RaphaelPlugin.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">RaphaelPlugin</a> &mdash; 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>
Enables TweenLite and TweenMax to animate properties of Raphael JavaScript objects (see
http://www.raphaeljs.com/).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#remove()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">remove</a>(value:any) &mdash; 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>
Removes a tween, timeline, callback, or label from the timeline.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#removeCallback()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">removeCallback</a>(callback:Function, timeOrLabel:any) &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Removes a callback from a particular time or label.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#removeLabel()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">removeLabel</a>(label:String) &mdash; 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>
Removes a label from the timeline and returns the time of that label.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/SimpleTimeline.html#render()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">render</a>(time:Number, suppressEvents:Boolean, force:Boolean) &mdash; method, 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></td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#repeat()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">repeat</a>(value:Number) &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Gets or sets the number of times that the timeline should repeat after its first iteration.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#repeat()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">repeat</a>(value:int) &mdash; 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>
Gets or sets the number of times that the tween should repeat after its first iteration.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#repeatDelay()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">repeatDelay</a>(value:Number) &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Gets or sets the amount of time in seconds (or frames for frames-based timelines) between repeats.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#repeatDelay()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">repeatDelay</a>(value:Number) &mdash; 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>
Gets or sets the amount of time in seconds (or frames for frames-based tweens) between repeats.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#restart()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">restart</a>(includeDelay:Boolean, suppressEvents:Boolean) &mdash; 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>
Restarts and begins playing forward from the beginning.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#resume()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">resume</a>(from:any, suppressEvents:Boolean) &mdash; 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>
Resumes playing without altering direction (forward or reversed), optionally jumping to a specific time first.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#resumeAll()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">resumeAll</a>(tweens:Boolean, delayedCalls:Boolean, timelines:Boolean) &mdash; 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>
[deprecated] Resumes all paused tweens and/or delayedCalls/callbacks and/or timelines.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#reverse()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">reverse</a>(from:any, suppressEvents:Boolean) &mdash; 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>
Reverses playback so that all aspects of the animation are oriented backwards including, for example,
a tween's ease.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#reversed()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">reversed</a>(value:Boolean) &mdash; 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 animation's reversed state which indicates whether or not the animation
should be played backwards.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/plugins/RoundPropsPlugin.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">RoundPropsPlugin</a> &mdash; 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>
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><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>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">R</font>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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 -->

71
duo/js/greensock-v12-js/docs/all-index-S.html 100755
View File

@ -0,0 +1,71 @@
<!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>&nbsp;|&nbsp;<a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?all-index-S.html&amp;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&nbsp;Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</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>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">S</font>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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> &mdash; 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 &lt;div&gt; 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) &mdash; 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) &mdash; 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) &mdash; 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) &mdash; 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) &mdash; 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) &mdash; 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> &mdash; 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) &mdash; 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> &mdash; 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> &mdash; 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) &mdash; 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> &mdash; 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) &mdash; 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) &mdash; 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) &mdash; 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) &mdash; 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) &mdash; 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) &mdash; 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) &mdash; 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> &mdash; 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) &mdash; 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>() &mdash; 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> &mdash; 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>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">S</font>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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 -->

76
duo/js/greensock-v12-js/docs/all-index-T.html 100755
View File

@ -0,0 +1,76 @@
<!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>T </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 = 'T 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>&nbsp;|&nbsp;<a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?all-index-T.html&amp;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">T&nbsp;Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("T 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="T"></a><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">T</font>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#target" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">target</a> &mdash; Property, 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> [READ-ONLY] Target object (or array of objects) whose properties the tween affects.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#ticker" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">ticker</a> &mdash; Static Property, 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>
The object that dispatches a "tick" event each time the engine updates, making it easy for
you to add your own listener(s) to run custom logic after each update (great for game developers).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#ticker" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">ticker</a> &mdash; Static Property, 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>
The object that dispatches a "tick" event each time the engine updates, making it easy for
you to add your own listener(s) to run custom logic after each update (great for game developers).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#ticker" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">ticker</a> &mdash; Static Property, 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>
The object that dispatches a "tick" event each time the engine updates, making it easy for
you to add your own listener(s) to run custom logic after each update (great for game developers).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#time()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">time</a>(value:Number, suppressEvents:Boolean) &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Gets or sets the local position of the playhead (essentially the current time), not
including any repeats or repeatDelays.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#time()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">time</a>(value:Number, suppressEvents:Boolean) &mdash; 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>
Gets or sets the local position of the playhead (essentially the current time), not
including any repeats or repeatDelays.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#time()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">time</a>(value:Number, suppressEvents:Boolean) &mdash; 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 local position of the playhead (essentially the current time),
described in seconds (or frames for frames-based animations) which
will never be less than 0 or greater than the animation's duration.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#timeline" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">timeline</a> &mdash; Property, 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> [Read-only] Parent timeline.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineLite</a> &mdash; class, package <a href="com/greensock/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">com.greensock</a></td></tr><tr><td width="20"></td><td>
TimelineLite is a powerful sequencing tool that acts as a container for tweens and
other timelines, making it simple to control them as a whole and precisely manage their
timing.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#TimelineLite()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineLite</a>(vars:Object) &mdash; Constructor, 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>
Constructor.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a> &mdash; class, package <a href="com/greensock/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">com.greensock</a></td></tr><tr><td width="20"></td><td>
TimelineMax extends TimelineLite, offering exactly the same functionality plus useful
(but non-essential) features like repeat, repeatDelay, yoyo, currentLabel(), addCallback(),
removeCallback(), tweenTo(), tweenFromTo(), getLabelAfter(), getLabelBefore(),
getActive() (and probably more in the future).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#TimelineMax()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a>(vars:Object) &mdash; Constructor, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Constructor.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#timeScale()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">timeScale</a>(value:Number) &mdash; 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>
Factor that's used to scale time in the animation where 1 = normal speed (the default),
0.5 = half speed, 2 = double speed, etc.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#to()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">to</a>(target:Object, duration:Number, vars:Object, offsetOrLabel:any, baseTimeOrLabel:any) &mdash; 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 TweenLite.to() tween to the end of the timeline (or elsewhere)
- this is a convenience method that accomplishes exactly the same thing as
append( TweenLite.to(...) ) but with less code.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#to()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">to</a>(target:Object, duration:Number, vars:Object) &mdash; 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>
Static method for creating a TweenLite instance that animates to the specified destination values
(from the current values).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#to()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">to</a>(target:Object, duration:Number, vars:Object) &mdash; 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>
Static method for creating a TweenMax instance that animates to the specified destination values
(from the current values).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#totalDuration()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">totalDuration</a>(value:Number) &mdash; 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>
Gets the timeline's total duration or, if used as a setter, adjusts the timeline's
timeScale to fit it within the specified duration.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#totalDuration()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">totalDuration</a>(value:Number) &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Gets or sets the total duration of the timeline in seconds (or frames for frames-based timelines)
including any repeats or repeatDelays.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#totalDuration()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">totalDuration</a>(value:Number) &mdash; 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>
Gets or sets the total duration of the tween in seconds (or frames for frames-based tweens)
including any repeats or repeatDelays.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#totalDuration()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">totalDuration</a>(value:Number) &mdash; 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 animation's total duration including
any repeats or repeatDelays (which are only available in TweenMax and TimelineMax).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#totalProgress()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">totalProgress</a>(value:Number) &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Gets or sets the timeline's totalProgress which is a value between 0 and 1 indicating the position
of the virtual playhead (including repeats) where 0 is at the beginning, 0.5 is
halfway complete, and 1 is complete.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#totalProgress()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">totalProgress</a>(value:Number) &mdash; 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>
Gets or sets the tween's totalProgress which is a value between 0 and 1 indicating the position
of the virtual playhead (including repeats) where 0 is at the beginning, 0.5 is halfway complete,
and 1 is complete.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/core/Animation.html#totalTime()" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">totalTime</a>(time:Number, suppressEvents:Boolean) &mdash; 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 position of the playhead according to the totalDuration
which includes any repeats and repeatDelays (only available
in TweenMax and TimelineMax).</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#tweenFromTo()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">tweenFromTo</a>(fromTimeOrLabel:any, toTimeOrLabel:any, vars:Object) &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Creates a linear tween that essentially scrubs the playhead from a particular time or label
to another time or label and then stops.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenLite</a> &mdash; class, package <a href="com/greensock/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">com.greensock</a></td></tr><tr><td width="20"></td><td>
TweenLite is an extremely fast, lightweight, and flexible animation tool that serves as the foundation of
the GreenSock Animation Platform (GSAP), available in AS2, AS3, and JavaScript.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenLite.html#TweenLite()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenLite</a>(target:Object, duration:Number, vars:Object) &mdash; Constructor, 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>
Constructor
</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenMax</a> &mdash; class, package <a href="com/greensock/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">com.greensock</a></td></tr><tr><td width="20"></td><td>
TweenMax extends TweenLite, adding many useful (but non-essential) features like timeScale(), repeat(),
repeatDelay(), yoyo(), updateTo(), and more.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#TweenMax()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TweenMax</a>(target:Object, duration:Number, vars:Object) &mdash; Constructor, 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>
Constructor
</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/plugins/TweenPlugin.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">TweenPlugin</a> &mdash; 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>
TweenPlugin is the base class for all TweenLite and TweenMax plugins, but generally isn't used directly.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#tweenTo()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">tweenTo</a>(timeOrLabel:any, vars:Object) &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Creates a linear tween that essentially scrubs the playhead to a particular time or label and
then stops.</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>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">T</font>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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 -->

17
duo/js/greensock-v12-js/docs/all-index-U.html 100755
View File

@ -0,0 +1,17 @@
<!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>U </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 = 'U 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>&nbsp;|&nbsp;<a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?all-index-U.html&amp;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">U&nbsp;Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("U 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="U"></a><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">U</font>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#updateTo()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">updateTo</a>(vars:Object, resetDuration:Boolean) &mdash; 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>
Updates tweening values on the fly so that they appear to seamlessly change course even if
the tween is in-progress.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineLite.html#usesFrames()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">usesFrames</a>() &mdash; 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>
[READ-ONLY] If true, the timeline's timing mode is frames-based instead of
seconds.</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>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">U</font>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<a href="all-index-Y.html" onclick="javascript:loadClassListFrame('index-list.html');">Y</a>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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 -->

13
duo/js/greensock-v12-js/docs/all-index-V.html 100755
View File

File diff suppressed because one or more lines are too long

13
duo/js/greensock-v12-js/docs/all-index-W.html 100755
View File

File diff suppressed because one or more lines are too long

13
duo/js/greensock-v12-js/docs/all-index-X.html 100755
View File

File diff suppressed because one or more lines are too long

19
duo/js/greensock-v12-js/docs/all-index-Y.html 100755
View File

@ -0,0 +1,19 @@
<!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>Y </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 = 'Y 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>&nbsp;|&nbsp;<a href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?all-index-Y.html&amp;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">Y&nbsp;Index</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Y 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="Y"></a><a href="all-index-A.html" onclick="javascript:loadClassListFrame('index-list.html');">A</a>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">Y</font>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TimelineMax.html#yoyo()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">yoyo</a>(value:Boolean) &mdash; method, class com.greensock.<a href="com/greensock/TimelineMax.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">TimelineMax</a></td></tr><tr><td width="20"></td><td>
Gets or sets the timeline's yoyo state, where true causes
the timeline to go back and forth, alternating backward and forward on each
repeat.</td></tr><tr><td class="idxrow" colspan="2"><a href="com/greensock/TweenMax.html#yoyo()" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">yoyo</a>(value:Boolean) &mdash; 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>
Gets or sets the tween's yoyo state, where true causes
the tween to go back and forth, alternating backward and forward on each
repeat.</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>&nbsp;&nbsp;<a href="all-index-B.html" onclick="javascript:loadClassListFrame('index-list.html');">B</a>&nbsp;&nbsp;<a href="all-index-C.html" onclick="javascript:loadClassListFrame('index-list.html');">C</a>&nbsp;&nbsp;<a href="all-index-D.html" onclick="javascript:loadClassListFrame('index-list.html');">D</a>&nbsp;&nbsp;<a href="all-index-E.html" onclick="javascript:loadClassListFrame('index-list.html');">E</a>&nbsp;&nbsp;<a href="all-index-F.html" onclick="javascript:loadClassListFrame('index-list.html');">F</a>&nbsp;&nbsp;<a href="all-index-G.html" onclick="javascript:loadClassListFrame('index-list.html');">G</a>&nbsp;&nbsp;<a href="all-index-H.html" onclick="javascript:loadClassListFrame('index-list.html');">H</a>&nbsp;&nbsp;<a href="all-index-I.html" onclick="javascript:loadClassListFrame('index-list.html');">I</a>&nbsp;&nbsp;<a href="all-index-J.html" onclick="javascript:loadClassListFrame('index-list.html');">J</a>&nbsp;&nbsp;<a href="all-index-K.html" onclick="javascript:loadClassListFrame('index-list.html');">K</a>&nbsp;&nbsp;<a href="all-index-L.html" onclick="javascript:loadClassListFrame('index-list.html');">L</a>&nbsp;&nbsp;<a href="all-index-M.html" onclick="javascript:loadClassListFrame('index-list.html');">M</a>&nbsp;&nbsp;<a href="all-index-N.html" onclick="javascript:loadClassListFrame('index-list.html');">N</a>&nbsp;&nbsp;<a href="all-index-O.html" onclick="javascript:loadClassListFrame('index-list.html');">O</a>&nbsp;&nbsp;<a href="all-index-P.html" onclick="javascript:loadClassListFrame('index-list.html');">P</a>&nbsp;&nbsp;<a href="all-index-Q.html" onclick="javascript:loadClassListFrame('index-list.html');">Q</a>&nbsp;&nbsp;<a href="all-index-R.html" onclick="javascript:loadClassListFrame('index-list.html');">R</a>&nbsp;&nbsp;<a href="all-index-S.html" onclick="javascript:loadClassListFrame('index-list.html');">S</a>&nbsp;&nbsp;<a href="all-index-T.html" onclick="javascript:loadClassListFrame('index-list.html');">T</a>&nbsp;&nbsp;<a href="all-index-U.html" onclick="javascript:loadClassListFrame('index-list.html');">U</a>&nbsp;&nbsp;<a href="all-index-V.html" onclick="javascript:loadClassListFrame('index-list.html');">V</a>&nbsp;&nbsp;<a href="all-index-W.html" onclick="javascript:loadClassListFrame('index-list.html');">W</a>&nbsp;&nbsp;<a href="all-index-X.html" onclick="javascript:loadClassListFrame('index-list.html');">X</a>&nbsp;&nbsp;<font color="black" size="10px" style="bold">Y</font>&nbsp;&nbsp;<a href="all-index-Z.html" onclick="javascript:loadClassListFrame('index-list.html');">Z</a>&nbsp;&nbsp;</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 -->

13
duo/js/greensock-v12-js/docs/all-index-Z.html 100755
View File

File diff suppressed because one or more lines are too long

286
duo/js/greensock-v12-js/docs/asdoc.js 100755
View File

@ -0,0 +1,286 @@
////////////////////////////////////////////////////////////////////////////////
//
// ADOBE SYSTEMS INCORPORATED
// Copyright 2006-2008 Adobe Systems Incorporated
// All Rights Reserved.
//
// NOTICE: Adobe permits you to use, modify, and distribute this file
// in accordance with the terms of the license agreement accompanying it.
//
////////////////////////////////////////////////////////////////////////////////
var ECLIPSE_FRAME_NAME = "ContentViewFrame";
var eclipseBuild = false;
var liveDocsBaseUrl = "http://livedocs.adobe.com/flex/3";
var liveDocsBookName = "langref";
function findObject(objId) {
if (document.getElementById)
return document.getElementById(objId);
if (document.all)
return document.all[objId];
}
function isEclipse() {
return eclipseBuild;
// return (window.name == ECLIPSE_FRAME_NAME) || (parent.name == ECLIPSE_FRAME_NAME) || (parent.parent.name == ECLIPSE_FRAME_NAME);
}
function configPage() {
setRowColorsInitial(true, "Property");
setRowColorsInitial(true, "Method");
setRowColorsInitial(true, "ProtectedMethod");
setRowColorsInitial(true, "Event");
setRowColorsInitial(true, "Style");
setRowColorsInitial(true, "SkinPart");
setRowColorsInitial(true, "SkinState");
setRowColorsInitial(true, "Constant");
if (isEclipse()) {
if (window.name != "classFrame")
{
var localRef = window.location.href.indexOf('?') != -1 ? window.location.href.substring(0, window.location.href.indexOf('?')) : window.location.href;
localRef = localRef.substring(localRef.indexOf("langref/") + 8);
if (window.location.search != "")
localRef += ("#" + window.location.search.substring(1));
window.location.replace(baseRef + "index.html?" + localRef);
return;
}
else
{
setStyle(".eclipseBody", "display", "block");
// var isIE = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
// if (isIE == false && window.location.hash != "")
if (window.location.hash != "")
window.location.hash=window.location.hash.substring(1);
}
}
else if (window == top) { // no frames
findObject("titleTable").style.display = "";
}
else { // frames
findObject("titleTable").style.display = "none";
}
showTitle(asdocTitle);
}
function loadFrames(classFrameURL, classListFrameURL) {
var classListFrame = findObject("classListFrame");
if(classListFrame != null && classListFrameContent!='')
classListFrame.document.location.href=classListFrameContent;
if (isEclipse()) {
var contentViewFrame = findObject(ECLIPSE_FRAME_NAME);
if (contentViewFrame != null && classFrameURL != '')
contentViewFrame.document.location.href=classFrameURL;
}
else {
var classFrame = findObject("classFrame");
if(classFrame != null && classFrameContent!='')
classFrame.document.location.href=classFrameContent;
}
}
function showTitle(title) {
if (!isEclipse())
top.document.title = title;
}
function loadClassListFrame(classListFrameURL) {
if (parent.frames["classListFrame"] != null) {
parent.frames["classListFrame"].location = classListFrameURL;
}
else if (parent.frames["packageFrame"] != null) {
if (parent.frames["packageFrame"].frames["classListFrame"] != null) {
parent.frames["packageFrame"].frames["classListFrame"].location = classListFrameURL;
}
}
}
function gotoLiveDocs(primaryURL, secondaryURL, locale) {
if (locale == "en-us") {
locale = "";
}
else {
locale = "_" + locale.substring(3);
}
var url = liveDocsBaseUrl + locale + "/" + liveDocsBookName + "/index.html?" + primaryURL;
if (secondaryURL != null && secondaryURL != "")
url += ("&" + secondaryURL);
window.open(url, "mm_livedocs", "menubar=1,toolbar=1,status=1,scrollbars=1,resizable=yes");
}
function findTitleTableObject(id)
{
if (isEclipse())
return parent.titlebar.document.getElementById(id);
else if (top.titlebar)
return top.titlebar.document.getElementById(id);
else
return document.getElementById(id);
}
function titleBar_setSubTitle(title)
{
if (isEclipse() || top.titlebar)
findTitleTableObject("subTitle").childNodes.item(0).data = title;
}
function titleBar_setSubNav(showConstants,showProperties,showStyles,showSkinPart,showSkinState,showEffects,showEvents,showConstructor,showMethods,showExamples,
showPackageConstants,showPackageProperties,showPackageFunctions,showInterfaces,showClasses,showPackageUse)
{
if (isEclipse() || top.titlebar)
{
findTitleTableObject("propertiesLink").style.display = showProperties ? "inline" : "none";
findTitleTableObject("propertiesBar").style.display = (showProperties && (showPackageProperties || showConstructor || showMethods || showPackageFunctions || showEvents || showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
findTitleTableObject("packagePropertiesLink").style.display = showPackageProperties ? "inline" : "none";
findTitleTableObject("packagePropertiesBar").style.display = (showPackageProperties && (showConstructor || showMethods || showPackageFunctions || showEvents || showStyles || showSkinPart || showSkinState || showConstants || showEffects || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
findTitleTableObject("constructorLink").style.display = showConstructor ? "inline" : "none";
findTitleTableObject("constructorBar").style.display = (showConstructor && (showMethods || showPackageFunctions || showEvents || showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
findTitleTableObject("methodsLink").style.display = showMethods ? "inline" : "none";
findTitleTableObject("methodsBar").style.display = (showMethods && (showPackageFunctions || showEvents || showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
findTitleTableObject("packageFunctionsLink").style.display = showPackageFunctions ? "inline" : "none";
findTitleTableObject("packageFunctionsBar").style.display = (showPackageFunctions && (showEvents || showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
findTitleTableObject("eventsLink").style.display = showEvents ? "inline" : "none";
findTitleTableObject("eventsBar").style.display = (showEvents && (showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
findTitleTableObject("stylesLink").style.display = showStyles ? "inline" : "none";
findTitleTableObject("stylesBar").style.display = (showStyles && (showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
findTitleTableObject("SkinPartLink").style.display = showSkinPart ? "inline" : "none";
findTitleTableObject("SkinPartBar").style.display = (showSkinPart && (showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
findTitleTableObject("SkinStateLink").style.display = showSkinState ? "inline" : "none";
findTitleTableObject("SkinStateBar").style.display = (showSkinState && (showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
findTitleTableObject("effectsLink").style.display = showEffects ? "inline" : "none";
findTitleTableObject("effectsBar").style.display = (showEffects && (showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
findTitleTableObject("constantsLink").style.display = showConstants ? "inline" : "none";
findTitleTableObject("constantsBar").style.display = (showConstants && (showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
findTitleTableObject("packageConstantsLink").style.display = showPackageConstants ? "inline" : "none";
findTitleTableObject("packageConstantsBar").style.display = (showPackageConstants && (showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
findTitleTableObject("interfacesLink").style.display = showInterfaces ? "inline" : "none";
findTitleTableObject("interfacesBar").style.display = (showInterfaces && (showClasses || showPackageUse || showExamples)) ? "inline" : "none";
findTitleTableObject("classesLink").style.display = showClasses ? "inline" : "none";
findTitleTableObject("classesBar").style.display = (showClasses && (showPackageUse || showExamples)) ? "inline" : "none";
findTitleTableObject("packageUseLink").style.display = showPackageUse ? "inline" : "none";
findTitleTableObject("packageUseBar").style.display = (showPackageUse && showExamples) ? "inline" : "none";
findTitleTableObject("examplesLink").style.display = showExamples ? "inline" : "none";
}
}
function titleBar_gotoClassFrameAnchor(anchor)
{
if (isEclipse())
parent.classFrame.location = parent.classFrame.location.toString().split('#')[0] + "#" + anchor;
else
top.classFrame.location = top.classFrame.location.toString().split('#')[0] + "#" + anchor;
}
function setMXMLOnly()
{
if (getCookie("showMXML") == "false")
{
toggleMXMLOnly();
}
}
function toggleMXMLOnly()
{
var mxmlDiv = findObject("mxmlSyntax");
var mxmlShowLink = findObject("showMxmlLink");
var mxmlHideLink = findObject("hideMxmlLink");
if (mxmlDiv && mxmlShowLink && mxmlHideLink)
{
if (mxmlDiv.style.display == "none")
{
mxmlDiv.style.display = "block";
mxmlShowLink.style.display = "none";
mxmlHideLink.style.display = "inline";
setCookie("showMXML","true", new Date(3000,1,1,1,1), "/", document.location.domain);
}
else
{
mxmlDiv.style.display = "none";
mxmlShowLink.style.display = "inline";
mxmlHideLink.style.display = "none";
setCookie("showMXML","false", new Date(3000,1,1,1,1), "/", document.location.domain);
}
}
}
function showHideInherited()
{
setInheritedVisible(getCookie("showInheritedConstant") == "true", "Constant");
setInheritedVisible(getCookie("showInheritedProtectedConstant") == "true", "ProtectedConstant");
setInheritedVisible(getCookie("showInheritedProperty") == "true", "Property");
setInheritedVisible(getCookie("showInheritedProtectedProperty") == "true", "ProtectedProperty");
setInheritedVisible(getCookie("showInheritedMethod") == "true", "Method");
setInheritedVisible(getCookie("showInheritedProtectedMethod") == "true", "ProtectedMethod");
setInheritedVisible(getCookie("showInheritedEvent") == "true", "Event");
setInheritedVisible(getCookie("showInheritedStyle") == "true", "Style");
setInheritedVisible(getCookie("showInheritedSkinPart") == "true", "SkinPart");
setInheritedVisible(getCookie("showInheritedSkinState") == "true", "SkinState");
setInheritedVisible(getCookie("showInheritedEffect") == "true", "Effect");
}
function setInheritedVisible(show, selectorText)
{
if (document.styleSheets[0].cssRules != undefined)
{
var rules = document.styleSheets[0].cssRules;
for (var i = 0; i < rules.length; i++)
{
if (rules[i].selectorText == ".hideInherited" + selectorText)
rules[i].style.display = show ? "" : "none";
if (rules[i].selectorText == ".showInherited" + selectorText)
rules[i].style.display = show ? "none" : "";
}
}
else
{
document.styleSheets[0].addRule(".hideInherited" + selectorText, show ? "display:inline" : "display:none");
document.styleSheets[0].addRule(".showInherited" + selectorText, show ? "display:none" : "display:inline");
}
setCookie("showInherited" + selectorText, show ? "true" : "false", new Date(3000,1,1,1,1), "/", document.location.domain);
setRowColors(show, selectorText);
}
function setRowColors(show, selectorText)
{
var rowColor = "#F2F2F2";
var table = findObject("summaryTable" + selectorText);
if (table != null)
{
var rowNum = 0;
for (var i = 1; i < table.rows.length; i++)
{
if (table.rows[i].className.indexOf("hideInherited") == -1 || show)
{
rowNum++;
table.rows[i].bgColor = (rowNum % 2 == 0) ? rowColor : "#FFFFFF";
}
}
}
}
function setRowColorsInitial(show, selectorText)
{
var rowColor = "#F2F2F2";
var table = findObject("summaryTable" + selectorText);
if (table != null)
{
var rowNum = 0;
for (var i = 1; i < table.rows.length; i++)
{
if (table.rows[i].className.indexOf("hideInherited") == -1 && show)
{
rowNum++;
table.rows[i].bgColor = (rowNum % 2 == 0) ? rowColor : "#FFFFFF";
}
}
}
}
function setStyle(selectorText, styleName, newValue)
{
if (document.styleSheets[0].cssRules != undefined)
{
var rules = document.styleSheets[0].cssRules;
for (var i = 0; i < rules.length; i++)
{
if (rules[i].selectorText == selectorText)
{
rules[i].style[styleName] = newValue;
break;
}
}
}
else
{
document.styleSheets[0].addRule(selectorText, styleName + ":" + newValue);
}
}

90
duo/js/greensock-v12-js/docs/class-summary.html 100755
View File

@ -0,0 +1,90 @@
<!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>All Classes</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 = 'All Classes - 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>&nbsp;|&nbsp;<a href="all-index-A.html" onclick="loadClassListFrame('index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="index.html?class-summary.html&amp;all-classes.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">All&nbsp;Classes</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("All Classes"); titleBar_setSubNav(false,false,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div class="MainContent"><br><p>Documentation for classes includes syntax, usage information, and code samples for methods, properties, and event handlers and listeners for those APIs that belong to a specific class in ActionScript. The classes are listed alphabetically. If you are not sure to which class a certain method or property belongs, you can look it up in the Index.</p><br><table cellpadding="3" cellspacing="0" class="summaryTable"><tr><th>&nbsp;</th><th width="20%">Class</th><th width="20%">Package</th><th width="60%">Description</th></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/core/Animation.html">Animation</a><br></td><td class="summaryTableCol"><a href="com/greensock/core/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">com.greensock.core</a></td><td class="summaryTableLastCol">
Base class for all TweenLite, TweenMax, TimelineLite, and TimelineMax classes, providing
core methods/properties/functionality, but there is no reason to create an instance of this
class directly.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Back.html">Back</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Eases with an overshoot either at the beginning (easeIn), the end (easeOut), or both (easeInOut).</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/plugins/BezierPlugin.html">BezierPlugin</a><br></td><td class="summaryTableCol"><a href="com/greensock/plugins/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">com.greensock.plugins</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">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Bounce.html">Bounce</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Eases, bouncing either at the beginning (easeIn), the end (easeOut), or both (easeInOut).</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Circ.html">Circ</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Eases with an abrupt change in velocity either at the beginning (easeIn), the end (easeOut), or both (easeInOut).</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/plugins/ColorPropsPlugin.html">ColorPropsPlugin</a><br></td><td class="summaryTableCol"><a href="com/greensock/plugins/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">com.greensock.plugins</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">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/plugins/CSSPlugin.html">CSSPlugin</a><br></td><td class="summaryTableCol"><a href="com/greensock/plugins/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">com.greensock.plugins</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">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/plugins/CSSRulePlugin.html">CSSRulePlugin</a><br></td><td class="summaryTableCol"><a href="com/greensock/plugins/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">com.greensock.plugins</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">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Cubic.html">Cubic</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 2 which is identical to the Power2 ease.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Ease.html">Ease</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Base class for all GreenSock easing equations.</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/EaseLookup.html">EaseLookup</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
EaseLookup enables you to find the easing function associated with a particular name (String),
like "strongEaseOut" which can be useful when loading in XML data that comes in as Strings but
needs to be translated to native function references.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/plugins/EaselPlugin.html">EaselPlugin</a><br></td><td class="summaryTableCol"><a href="com/greensock/plugins/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">com.greensock.plugins</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="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Elastic.html">Elastic</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Eases with an elastic effect either at the beginning (easeIn), the end (easeOut), or both (easeInOut).</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Expo.html">Expo</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Eases in a strong fashion either at the beginning (easeIn), the end (easeOut), or both (easeInOut).</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Linear.html">Linear</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Linear ease with no acceleration or deceleration.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Power0.html">Power0</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 0 which is identical to Linear but with a more intuitive name.</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Power1.html">Power1</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 1 which is identical to Quad but with a more intuitive name.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Power2.html">Power2</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 2 which is identical to Cubic but with a more intuitive name.</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Power3.html">Power3</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 3 which is identical to Quart but with a more intuitive name.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Power4.html">Power4</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 4 which is identical to Quint and Strong but with a more intuitive name.</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Quad.html">Quad</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 1 which is identical to the Power1 ease.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Quart.html">Quart</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 2 which is identical to the Power2 ease.</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Quint.html">Quint</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 4 which is identical to the Power4 ease.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/plugins/RaphaelPlugin.html">RaphaelPlugin</a><br></td><td class="summaryTableCol"><a href="com/greensock/plugins/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">com.greensock.plugins</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">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/plugins/RoundPropsPlugin.html">RoundPropsPlugin</a><br></td><td class="summaryTableCol"><a href="com/greensock/plugins/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">com.greensock.plugins</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">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/plugins/ScrollToPlugin.html">ScrollToPlugin</a><br></td><td class="summaryTableCol"><a href="com/greensock/plugins/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">com.greensock.plugins</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 &lt;div&gt; DOM element's content (like doing myDiv.scrollTop = y; myDiv.scrollLeft = x;).</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/core/SimpleTimeline.html">SimpleTimeline</a><br></td><td class="summaryTableCol"><a href="com/greensock/core/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/core/class-list.html');">com.greensock.core</a></td><td class="summaryTableLastCol">
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 class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Sine.html">Sine</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Eases with a relatively low power either at the beginning (easeIn), the end (easeOut), or both (easeInOut).</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/SlowMo.html">SlowMo</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
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 class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/SteppedEase.html">SteppedEase</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
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 class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/easing/Strong.html">Strong</a><br></td><td class="summaryTableCol"><a href="com/greensock/easing/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/easing/class-list.html');">com.greensock.easing</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 4 which is identical to the Power4 ease.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/TimelineLite.html">TimelineLite</a><br></td><td class="summaryTableCol"><a href="com/greensock/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">com.greensock</a></td><td class="summaryTableLastCol">
TimelineLite is a powerful sequencing tool that acts as a container for tweens and
other timelines, making it simple to control them as a whole and precisely manage their
timing.</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/TimelineMax.html">TimelineMax</a><br></td><td class="summaryTableCol"><a href="com/greensock/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">com.greensock</a></td><td class="summaryTableLastCol">
TimelineMax extends TimelineLite, offering exactly the same functionality plus useful
(but non-essential) features like repeat, repeatDelay, yoyo, currentLabel(), addCallback(),
removeCallback(), tweenTo(), tweenFromTo(), getLabelAfter(), getLabelBefore(),
getActive() (and probably more in the future).</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/TweenLite.html">TweenLite</a><br></td><td class="summaryTableCol"><a href="com/greensock/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">com.greensock</a></td><td class="summaryTableLastCol">
TweenLite is an extremely fast, lightweight, and flexible animation tool that serves as the foundation of
the GreenSock Animation Platform (GSAP), available in AS2, AS3, and JavaScript.</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/TweenMax.html">TweenMax</a><br></td><td class="summaryTableCol"><a href="com/greensock/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/class-list.html');">com.greensock</a></td><td class="summaryTableLastCol">
TweenMax extends TweenLite, adding many useful (but non-essential) features like timeScale(), repeat(),
repeatDelay(), yoyo(), updateTo(), and more.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="com/greensock/plugins/TweenPlugin.html">TweenPlugin</a><br></td><td class="summaryTableCol"><a href="com/greensock/plugins/package-detail.html" onclick="javascript:loadClassListFrame('com/greensock/plugins/class-list.html');">com.greensock.plugins</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><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 -->

1392
duo/js/greensock-v12-js/docs/com/greensock/TimelineLite.html 100755
View File

File diff suppressed because it is too large Load Diff

1021
duo/js/greensock-v12-js/docs/com/greensock/TimelineMax.html 100755
View File

File diff suppressed because it is too large Load Diff

747
duo/js/greensock-v12-js/docs/com/greensock/TweenLite.html 100755
View File

@ -0,0 +1,747 @@
<!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"><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"><meta name="keywords" content="TweenLite,com.greensock.TweenLite,defaultEase,defaultOverwrite,target,ticker,ticker,addCallback,addLabel,append,appendMultiple,call,clear,currentLabel,delayedCall,delayedCall,duration,exportRoot,from,from,from,fromTo,fromTo,fromTo,getActive,getAllTweens,getChildren,getLabelAfter,getLabelBefore,getLabelTime,getLabelsArray,getTweensOf,getTweensOf,getTweensOf,insert,insertMultiple,invalidate,invalidate,invalidate,invalidate,isTweening,killAll,killChildTweensOf,killDelayedCallsTo,killDelayedCallsTo,killTweensOf,killTweensOf,pauseAll,progress,progress,progress,remove,removeCallback,removeLabel,repeat,repeat,repeatDelay,repeatDelay,resumeAll,seek,set,set,set,shiftChildren,staggerFrom,staggerFrom,staggerFromTo,staggerFromTo,staggerTo,staggerTo,stop,time,time,to,to,to,totalDuration,totalDuration,totalDuration,totalProgress,totalProgress,tweenFromTo,tweenTo,updateTo,usesFrames,yoyo,yoyo"><title>com.greensock.TweenLite</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 = 'TweenLite - 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>&nbsp;|&nbsp;<a href="../../class-summary.html" onclick="loadClassListFrame('../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../all-index-A.html" onclick="loadClassListFrame('../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../index.html?com/greensock/TweenLite.html&amp;com/greensock/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">TweenLite</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a>&nbsp;| <a href="#methodSummary">Methods</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("TweenLite"); titleBar_setSubNav(false,true,false,false,false,false,false,false,true,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class TweenLite</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">TweenLite <img src="../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> <a href="../../com/greensock/core/Animation.html">Animation</a> <img src="../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr><tr><td class="classHeaderTableLabel">Subclasses</td><td> <a href="../../com/greensock/TweenMax.html">TweenMax</a></td></tr></table><p></p><p></p><p></p>
TweenLite is an extremely fast, lightweight, and flexible animation tool that serves as the foundation of
the GreenSock Animation Platform (GSAP), available in AS2, AS3, and JavaScript. A TweenLite instance handles
tweening one or more properties of <b>any object</b> (or array of objects) over time. TweenLite
can be used on its own to accomplish most animation chores with minimal file size or it can be use in
conjuction with advanced sequencing tools like TimelineLite or TimelineMax to make complex tasks much
simpler. With scores of other animation frameworks to choose from, why consider the GreenSock Animation Platform?:
<ul>
<li>
<b> SPEED </b>- The platform has been highly optimized for maximum performance. See some
speed comparisons yourself at <a href="http://www.greensock.com/js/speed.html" target="">http://www.greensock.com/js/speed.html</a>
</li>
<li>
<b> Freakishly robust feature set </b>- In addition to tweening any numeric property of any object,
TweenLite has plugins that give it the ability to tween hex colors, beziers, css, plus
<b>LOTS</b> more. It can round values, use relative values, smoothly reverse() on the
fly, automatically detect and accommodate getter/setter functions, employ virtually any easing
equation, <code>pause()/resume()</code> anytime, and intelligently manage conflicting tweens of
the same object with various overwrite modes. TweenMax extends TweenLite and adds even
more capabilities like repeat, yoyo, repeatDelay, on-the-fly destination value
updates and more.</li>
<li>
<b> Sequencing, grouping, and management features </b>- TimelineLite and TimelineMax
make it surprisingly simple to create complex sequences or groups of tweens that you can
control as a whole. play(), pause(), restart(), or reverse(). You can even tween a timeline's
<code>time</code> or <code>progress</code> to fastforward or rewind the entire timeline. Add
labels, change the timeline's timeScale, nest timelines within timelines, and much more.
This can revolutionize your animation workflow, making it more modular and concise.</li>
<li>
<b> AS3, AS2, and JavaScript </b>- Most other engines are only developed for one language,
but the GreenSock Animation Platform allows you to use a consistent API across all your Flash and
HTML5 projects.</li>
<li>
<b> Ease of use </b>- Designers and Developers alike rave about how intuitive the platform is.</li>
<li>
<b> Support and reliability </b>- With frequent updates, <a href="http://forums.greensock.com" target="">dedicated forums</a>,
committed authorship, a solid track record, a proven funding mechansim, and a thriving community of users,
the platform is a safe long-term bet (unlike many open source projects).</li>
<li>
<b> Expandability </b>- With its plugin architecture, you can activate as many (or as few)
extra features as your project requires. Write your own plugin to handle particular special
properties in custom ways. Minimize bloat and maximize performance.</li>
</ul>
<p>
<b>USAGE</b>
</p>
<p>
<i>To get up and running quickly, check out the <a href="http://www.greensock.com/jump-start-js/" target="external">Jump Start tour</a>
which covers the basics in a fun, interactive way.</i>
</p>
<p>The most common type of tween is a <a href="TweenLite.html#to()" target="">to()</a> tween which allows you
to define the destination values:</p>
<p>
<code>
TweenLite.to(document.getElementById("photo"), 2, {width:200, height:150});
</code>
</p>
<p>The above code will tween the width and height properties of the &lt;img> DOM element with
an id of "photo" from whatever the current values are to 200 and 150 respectively over the course
of 2 seconds. Notice the width and height values are defined inside a generic object (between curly braces).
Put as many properties there as you want. Also note that &lt;img> elements are one of the few DOM
elements that have <code>width</code> and <code>height</code> properties whereas most others
(like &lt;div> elements) require css properties to be applied in order to control their width/height
(among other properties). To animate those css properties, you'll need to use the CSSPlugin. The CSSPlugin
contains special code for deciphering css-related properties and handling them in unique ways,
like recognizing colors, transforms, etc. and managing the necessary suffixes ("px", "%", etc.).
Once you load the CSSPlugin JavaScript file, you can animate css-related properties by wrapping
them in a generic object that you name "css" like this:</p>
<p>
<code>
TweenLite.to(document.getElementById("div1"), 2, {css:{backgroundColor:"#ff0000", width:"50%", top:"100px"}, ease:Power2.easeInOut});
</code>
</p>
<p>Just tuck all the css-related properties inside the "css" object. The other special properties
like <code>ease, delay, onComplete,</code> etc. stay outside the css object (we'll discuss special
properties later).</p>
<p>By default, tweens begin immediately, although you can delay them using the <code>delay</code>
special property or pause them initially using the <code>paused</code> special property (see below).</p>
<p>The <code>target</code> can also be an array of objects. For example, the following tween will
tween the <code>opacity</code> css property to 0.5 and the rotation transform property to 45 for
obj1, obj2, and obj3:</p>
<p>
<code>
TweenLite.to([obj1, obj2, obj3], 1, {css:{opacity:0.5, rotation:45}});
</code>
</p>
<p>You can also use a <a href="TweenLite.html#from()" target="">from()</a> tween if you want to define the
<b>starting</b> values instead of the ending values so that the target tweens <i>from</i>
the defined values to wherever they currently are. Or a <a href="TweenLite.html#fromTo()" target="">fromTo()</a>
lets you define both starting and ending values.</p>
<p>Although the <code>to()</code>, <code>from()</code>, and <code>fromTo()</code> static methods
are popular because they're quick and can avoid some garbage collection hassles, you can also
use the more object-oriented syntax like this:</p>
<p>
<code>
var tween = new TweenLite(myObject, 2, {width:200, height:150});
</code>
</p>
<p>or even:</p>
<p>
<code>
var tween = TweenLite.to(myObject, 2, {width:200, height:150});
</code>
</p>
<p>
<b>SPECIAL PROPERTIES (no plugins required):</b>
</p>
<p>Typically the <code>vars</code> parameter is used to define ending values for tweening
properties of the <code>target</code> (or beginning values for <code>from()</code> tweens)
like <code>{x:100, y:200, alpha:0}</code>, but the following optional special properties
serve other purposes:</p>
<ul>
<li>
<b> delay </b>:<i> Number</i> -
Amount of delay in seconds (or frames for frames-based tweens) before the tween should begin.</li>
<li>
<b> ease </b>:<i> Ease (or Function)</i> -
You can choose from various eases to control the rate of change during
the animation, giving it a specific "feel". For example, <code>ElasticOut.ease</code>
or <code>StrongInOut.ease</code>. For best performance, use one of the GreenSock eases
(which are in the <code>com.greensock.easing</code> package). TweenLite also works with
any standard easing equation that uses the typical 4 parameters (<code>time, start,
change, duration</code>) like Adobe's <code>fl.motion.easing</code> eases.
The default is <code>Power1.easeOut</code>. For linear animation, use the GreenSock
<code>Linear.ease</code> ease</li>
<li>
<b> onComplete </b>:<i> Function</i> -
A function that should be called when the tween has completed</li>
<li>
<b> onCompleteParams </b>:<i> Array</i> -
An Array of parameters to pass the <code>onComplete</code> function. For example,
<code>TweenLite.to(mc, 1, {x:100, onComplete:myFunction, onCompleteParams:[mc, "param2"]});</code>
To self-reference the tween instance itself in one of the parameters, use <code>"{self}"</code>,
like: <code>onCompleteParams:["{self}", "param2"]</code>
</li>
<li>
<b> onCompleteScope </b>:<i> Object</i> -
Defines the scope of the onComplete function (what <code>"this"</code> refers to inside that function).</li>
<li>
<b> useFrames </b>:<i> Boolean</i> -
If <code>useFrames</code> is <code>true</code>, the tweens's timing will be
based on frames instead of seconds because it is intially added to the root
frames-based timeline. This causes both its <code>duration</code>
and <code>delay</code> to be based on frames. An animations's timing mode is
always determined by its parent <code>timeline</code>.</li>
<li>
<b> immediateRender </b>:<i> Boolean</i> -
Normally when you create a tween, it begins rendering on the very next frame (update cycle)
unless you specify a <code>delay</code>. However, if you prefer to force the tween to
render immediately when it is created, set <code>immediateRender</code> to <code>true</code>.
Or to prevent a <code>from()</code> from rendering immediately, set <code>immediateRender</code>
to <code>false</code>. By default, <code>from()</code> tweens set <code>immediateRender</code> to <code>true</code>.</li>
<li>
<b> onStart </b>:<i> Function</i> -
A function that should be called when the tween begins (when its <code>time</code>
changes from 0 to some other value which can happen more than once if the
tween is restarted multiple times).</li>
<li>
<b> onStartParams </b>:<i> Array</i> -
An Array of parameters to pass the <code>onStart</code> function. For example,
<code>TweenLite.to(mc, 1, {x:100, delay:1, onStart:myFunction, onStartParams:[mc, "param2"]});</code>
To self-reference the tween instance itself in one of the parameters, use <code>"{self}"</code>,
like: <code>onStartParams:["{self}", "param2"]</code>
</li>
<li>
<b> onStartScope </b>:<i> Object</i> -
Defines the scope of the onStart function (what <code>"this"</code> refers to inside that function).</li>
<li>
<b> onUpdate </b>:<i> Function</i> -
A function that should be called every time the tween updates
(on every frame while the tween is active)</li>
<li>
<b> onUpdateParams </b>:<i> Array</i> -
An Array of parameters to pass the <code>onUpdate</code> function. For example,
<code>TweenLite.to(mc, 1, {x:100, onUpdate:myFunction, onUpdateParams:[mc, "param2"]});</code>
To self-reference the tween instance itself in one of the parameters, use <code>"{self}"</code>,
like: <code>onUpdateParams:["{self}", "param2"]</code>
</li>
<li>
<b> onUpdateScope </b>:<i> Object</i> -
Defines the scope of the onUpdate function (what <code>"this"</code> refers to inside that function).</li>
<li>
<b> onReverseComplete </b>:<i> Function</i> -
A function that should be called when the tween has reached its beginning again from the
reverse direction. For example, if <code>reverse()</code> is called the tween will move
back towards its beginning and when its <code>time</code> reaches 0, <code>onReverseComplete</code>
will be called. This can also happen if the tween is placed in a TimelineLite or TimelineMax instance
that gets reversed and plays the tween backwards to (or past) the beginning.</li>
<li>
<b> onReverseCompleteParams </b>:<i> Array</i> -
An Array of parameters to pass the <code>onReverseComplete</code> function. For example,
<code>TweenLite.to(mc, 1, {x:100, onReverseComplete:myFunction, onReverseCompleteParams:[mc, "param2"]});</code>
To self-reference the tween instance itself in one of the parameters, use <code>"{self}"</code>,
like: <code>onReverseCompleteParams:["{self}", "param2"]</code>
</li>
<li>
<b> onReverseCompleteScope </b>:<i> Object</i> -
Defines the scope of the onReverseComplete function (what <code>"this"</code> refers to inside that function).</li>
<li>
<b> paused </b>:<i> Boolean</i> -
If <code>true</code>, the tween will pause itself immediately upon creation.</li>
<li>
<b> overwrite </b>:<i> String (or integer)</i> -
Controls how (and if) other tweens of the same target are overwritten.
There are several modes to choose from, but <code>"auto"</code> is the default (although
you can change the default mode using the <code>TweenLite.defaultOverwrite</code> property):
<ul>
<li>
<code>"none"</code> (0) (or <code>false</code>) - no overwriting will occur.</li>
<li>
<code>"all"</code> (1) (or <code>true</code>) - immediately overwrites all existing
tweens of the same target even if they haven't started yet or don't have
conflicting properties.</li>
<li>
<code>"auto"</code> (2) - when the tween renders for the first time, it will analyze
tweens of the same target that are currently active/running and only overwrite
individual tweening properties that overlap/conflict. Tweens that haven't begun
yet are ignored. For example, if another active tween is found that is tweening
3 properties, only 1 of which it shares in common with the new tween, the other
2 properties will be left alone. Only the conflicting property gets overwritten/killed.
This is the default mode and typically the most intuitive for developers.</li>
<li>
<code>"concurrent"</code> (3) - when the tween renders for the first time, it kills
only the active (in-progress) tweens of the same target regardless of whether
or not they contain conflicting properties. Like a mix of <code>"all"</code>
and <code>"auto"</code>. Good for situations where you only want one tween
controling the target at a time.</li>
<li>
<code>"allOnStart"</code> (4) - Identical to <code>"all"</code> but waits to run
the overwrite logic until the tween begins (after any delay). Kills
tweens of the same target even if they don't contain conflicting properties
or haven't started yet.</li>
<li>
<code>"preexisting"</code> (5) - when the tween renders for the first time, it kills
only the tweens of the same target that existed BEFORE this tween was created
regardless of their scheduled start times. So, for example, if you create a tween
with a delay of 10 and then a tween with a delay of 1 and then a tween with a
delay of 2 (all of the same target), the 2nd tween would overwrite the first
but not the second even though scheduling might seem to dictate otherwise.
<code>"preexisting"</code> only cares about the order in which the instances
were actually created. This can be useful when the order in which your code runs
plays a critical role.</li>
</ul>
</li>
</ul>
<p>
<b>PLUGINS:</b>
</p>
<p>Think of plugins like special properties that are dynamically added, delivering extra abilities without
forcing them to be baked into the core engine, keeping it relatively lean and mean. Each plugin is associated
with a property name and it takes responsibility for handling that property. For example, the CSSPlugin
is associated with the "css" property name so if it is activated it will intercept the "css" property
in the following tween and manage it in a special way so that the tweens affect the element's style object
(for manipulating DOM elements):</p>
<p>
<code>
TweenLite.to(element, 1, {css:{top:"100px", left:"50px", backgroundColor:"#ff0000", fontSize:"12px"}, delay:0.5});
</code>
</p>
<p>If the CSSPlugin wasn't activated (loaded), TweenLite would act as though you were trying to literally tween the
<code>element.css</code> property (and there is no such thing).</p>
<p>In the JavaScript version of TweenLite, activating a plugin is as simple as loading the associated .js file.
No extra activation code is necessary. In the ActionScript version, activating a plugin requires a single line
of code and you only need to do it once, so it's pretty easy. Simply pass an Array containing the names of all
the plugins you'd like to activate to the <code>TweenPlugin.activate()</code> method, like this:</p>
<p>
<code>
TweenPlugin.activate([FrameLabelPlugin, ColorTransformPlugin, TintPlugin]);
</code>
</p>
<p>To make it even easier, there is a <a href="http://www.greensock.com/tweenlite/#plugins" target="">Plugin Explorer</a>
which writes the code for you. All you need to do is select the plugins and copy/paste the code
from the bottom of the tool. It also displays interactive examples of each plugin and the assocaited
code so that it’s easy to see the correct syntax.</p>
<p>
<b>EXAMPLES:</b>
</p>
<p>Please see <a href="http://www.greensock.com" target="">http://www.greensock.com</a> for examples, tutorials, and interactive demos. </p>
<b>NOTES / TIPS:</b>
<ul>
<li> Passing values as Strings and a preceding "+=" or "-=" will make the tween relative to the
current value. For example, if you do <code>TweenLite.to(mc, 2, {x:"-=20"});</code> it'll
tween <code>mc.x</code> to the left 20 pixels. <code>{x:"+=20"}</code> would move it to the right.</li>
<li> You can change the <code>TweenLite.defaultEase</code> if you prefer something other
than <code>Power1.easeOut</code>.</li>
<li> Kill all tweens of a particular object anytime with <code>TweenLite.killTweensOf(myObject);</code>
</li>
<li> You can kill all delayedCalls to a particular function using <code>TweenLite.killDelayedCallsTo(myFunction);</code>
or <code>TweenLite.killTweensOf(myFunction);</code>
</li>
<li> Use the <code>TweenLite.from()</code> method to animate things into place. For example,
if you have things set up on the stage in the spot where they should end up, and you
just want to animate them into place, you can pass in the beginning x and/or y and/or
alpha (or whatever properties you want).</li>
<li> If you find this class useful, please consider joining <a href="http://www.greensock.com/club/" target="">Club GreenSock</a>
which not only helps to sustain ongoing development, but also gets you bonus plugins, classes
and other benefits that are ONLY available to members. Learn more at
<a href="http://www.greensock.com/club/" target="">http://www.greensock.com/club/</a>
</li>
</ul>
<p>
<b>Copyright 2006-2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><div class="showHideLinks"><div id="hideInheritedProperty" class="hideInheritedProperty"><a class="showHideLink" href="#propertySummary" onclick="javascript:setInheritedVisible(false,'Property');"><img class="showHideLinkImage" src="../../images/expanded.gif"> Hide Inherited Public Properties</a></div><div id="showInheritedProperty" class="showInheritedProperty"><a class="showHideLink" href="#propertySummary" onclick="javascript:setInheritedVisible(true,'Property');"><img class="showHideLinkImage" src="../../images/collapsed.gif"> Show Inherited Public Properties</a></div></div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class="hideInheritedProperty"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><a href="../../com/greensock/core/Animation.html#data" class="signatureLink">data</a> : *<div class="summaryTableDescription"> A place to store any data you want (initially populated with vars.data if it exists).</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#defaultEase" class="signatureLink">defaultEase</a> : <a href="../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Provides An easy way to change the default easing equation.</div></td><td class="summaryTableOwnerCol">TweenLite</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#defaultOverwrite" class="signatureLink">defaultOverwrite</a> : String = auto<div class="summaryTableDescription">[static] Provides An easy way to change the default overwrite mode.</div></td><td class="summaryTableOwnerCol">TweenLite</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#target" class="signatureLink">target</a> : Object<div class="summaryTableDescription"> [READ-ONLY] Target object (or array of objects) whose properties the tween affects.</div></td><td class="summaryTableOwnerCol">TweenLite</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#ticker" class="signatureLink">ticker</a> : Object<div class="summaryTableDescription">[static]
The object that dispatches a "tick" event each time the engine updates, making it easy for
you to add your own listener(s) to run custom logic after each update (great for game developers).</div></td><td class="summaryTableOwnerCol">TweenLite</td></tr><tr class="hideInheritedProperty"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><a href="../../com/greensock/core/Animation.html#timeline" class="signatureLink">timeline</a> : <a href="../../com/greensock/core/SimpleTimeline.html">SimpleTimeline</a><div class="summaryTableDescription"> [Read-only] Parent timeline.</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedProperty"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><a href="../../com/greensock/core/Animation.html#vars" class="signatureLink">vars</a> : Object<div class="summaryTableDescription"> The vars object passed into the constructor which stores configuration variables like onComplete, onUpdate, etc.</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr></table></div><a name="methodSummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Methods </div><div class="showHideLinks"><div id="hideInheritedMethod" class="hideInheritedMethod"><a class="showHideLink" href="#methodSummary" onclick="javascript:setInheritedVisible(false,'Method');"><img class="showHideLinkImage" src="../../images/expanded.gif"> Hide Inherited Public Methods</a></div><div id="showInheritedMethod" class="showInheritedMethod"><a class="showHideLink" href="#methodSummary" onclick="javascript:setInheritedVisible(true,'Method');"><img class="showHideLinkImage" src="../../images/collapsed.gif"> Show Inherited Public Methods</a></div></div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableMethod"><tr><th>&nbsp;</th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#TweenLite()" class="signatureLink">TweenLite</a>(target:Object, duration:Number, vars:Object)</div><div class="summaryTableDescription">
Constructor
</div></td><td class="summaryTableOwnerCol">TweenLite</td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#delay()" class="signatureLink">delay</a>(value:Number):*</div><div class="summaryTableDescription">
Gets or sets the animation's initial delay which is the length of time in seconds
(or frames for frames-based tweens) before the animation should begin.</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#delayedCall()" class="signatureLink">delayedCall</a>(delay:Number, callback:Function, params:Array = null, scope:* = null, useFrames:Boolean = false):<a href="../../com/greensock/TweenLite.html">TweenLite</a></div><div class="summaryTableDescription">[static]
Provides a simple way to call a function after a set amount of time (or frames).</div></td><td class="summaryTableOwnerCol">TweenLite</td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#duration()" class="signatureLink">duration</a>(value:Number):*</div><div class="summaryTableDescription">
Gets or sets the animation's duration, not including any repeats or repeatDelays
(which are only available in TweenMax and TimelineMax).</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#eventCallback()" class="signatureLink">eventCallback</a>(type:String, callback:Function = null, params:Array = null, scope:* = null):*</div><div class="summaryTableDescription">
Gets or sets an event callback like "onComplete", "onUpdate", "onStart", "onReverseComplete"
or "onRepeat" (onRepeat only applies to TweenMax or TimelineMax instances)
along with any parameters that should be passed to that callback.</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#from()" class="signatureLink">from</a>(target:Object, duration:Number, vars:Object):<a href="../../com/greensock/TweenLite.html">TweenLite</a></div><div class="summaryTableDescription">[static]
Static method for creating a TweenLite instance that tweens backwards -
you define the BEGINNING values and the current values are used
as the destination values which is great for doing things like animating objects
onto the screen because you can set them up initially the way you want them to look
at the end of the tween and then animate in from elsewhere.</div></td><td class="summaryTableOwnerCol">TweenLite</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#fromTo()" class="signatureLink">fromTo</a>(target:Object, duration:Number, fromVars:Object, toVars:Object):<a href="../../com/greensock/TweenLite.html">TweenLite</a></div><div class="summaryTableDescription">[static]
Static method for creating a TweenLite instance that allows you to define both the starting
and ending values (as opposed to to() and from() tweens which are
based on the target's current values at one end or the other).</div></td><td class="summaryTableOwnerCol">TweenLite</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#getTweensOf()" class="signatureLink">getTweensOf</a>(target:*):Array</div><div class="summaryTableDescription">[static]
Returns an array containing all the tweens of a particular target (or group of targets) that have not
been released for garbage collection yet which typically happens within a few seconds after the tween completes.</div></td><td class="summaryTableOwnerCol">TweenLite</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#invalidate()" class="signatureLink">invalidate</a>():*</div><div class="summaryTableDescription">[override]
Clears any initialization data (like starting/ending values in tweens) which can be useful if, for example,
you want to restart a tween without reverting to any previously recorded starting values.</div></td><td class="summaryTableOwnerCol">TweenLite</td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#kill()" class="signatureLink">kill</a>(vars:Object = null, target:Object = null):*</div><div class="summaryTableDescription">
Kills the animation entirely or in part depending on the parameters.</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#killDelayedCallsTo()" class="signatureLink">killDelayedCallsTo</a>(func:Function):void</div><div class="summaryTableDescription">[static]
Immediately kills all of the delayedCalls to a particular function.</div></td><td class="summaryTableOwnerCol">TweenLite</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#killTweensOf()" class="signatureLink">killTweensOf</a>(target:*, vars:Object = null):void</div><div class="summaryTableDescription">[static]
Kills all the tweens (or specific tweening properties) of a particular object or delayedCalls
to a particular function.</div></td><td class="summaryTableOwnerCol">TweenLite</td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#pause()" class="signatureLink">pause</a>(atTime:* = null, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Pauses the instance, optionally jumping to a specific time.</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#paused()" class="signatureLink">paused</a>(value:Boolean = false):*</div><div class="summaryTableDescription">
Gets or sets the animation's paused state which indicates whether or not the animation
is currently paused.</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#play()" class="signatureLink">play</a>(from:* = null, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Begins playing forward, optionally from a specific time (by default playback begins from
wherever the playhead currently is).</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#restart()" class="signatureLink">restart</a>(includeDelay:Boolean = false, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Restarts and begins playing forward from the beginning.</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#resume()" class="signatureLink">resume</a>(from:* = null, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Resumes playing without altering direction (forward or reversed), optionally jumping to a specific time first.</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#reverse()" class="signatureLink">reverse</a>(from:* = null, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Reverses playback so that all aspects of the animation are oriented backwards including, for example,
a tween's ease.</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#reversed()" class="signatureLink">reversed</a>(value:Boolean = false):*</div><div class="summaryTableDescription">
Gets or sets the animation's reversed state which indicates whether or not the animation
should be played backwards.</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#seek()" class="signatureLink">seek</a>(time:*, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Jumps to a specific time without affecting whether or not the instance is paused or reversed.</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#set()" class="signatureLink">set</a>(target:Object, vars:Object):<a href="../../com/greensock/TweenLite.html">TweenLite</a></div><div class="summaryTableDescription">[static]
Immediately sets properties of the target accordingly - essentially a zero-duration to() tween with a more
intuitive name.</div></td><td class="summaryTableOwnerCol">TweenLite</td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#startTime()" class="signatureLink">startTime</a>(value:Number):*</div><div class="summaryTableDescription">
Gets or sets the time at which the animation begins on its parent timeline (after any delay
that was defined).</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#time()" class="signatureLink">time</a>(value:Number, suppressEvents:Boolean = false):*</div><div class="summaryTableDescription">
Gets or sets the local position of the playhead (essentially the current time),
described in seconds (or frames for frames-based animations) which
will never be less than 0 or greater than the animation's duration.</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#timeScale()" class="signatureLink">timeScale</a>(value:Number):*</div><div class="summaryTableDescription">
Factor that's used to scale time in the animation where 1 = normal speed (the default),
0.5 = half speed, 2 = double speed, etc.</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#to()" class="signatureLink">to</a>(target:Object, duration:Number, vars:Object):<a href="../../com/greensock/TweenLite.html">TweenLite</a></div><div class="summaryTableDescription">[static]
Static method for creating a TweenLite instance that animates to the specified destination values
(from the current values).</div></td><td class="summaryTableOwnerCol">TweenLite</td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#totalDuration()" class="signatureLink">totalDuration</a>(value:Number):*</div><div class="summaryTableDescription">
Gets or sets the animation's total duration including
any repeats or repeatDelays (which are only available in TweenMax and TimelineMax).</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../com/greensock/core/Animation.html#totalTime()" class="signatureLink">totalTime</a>(time:Number, suppressEvents:Boolean = false):*</div><div class="summaryTableDescription">
Gets or sets the position of the playhead according to the totalDuration
which includes any repeats and repeatDelays (only available
in TweenMax and TimelineMax).</div></td><td class="summaryTableOwnerCol"><a href="../../com/greensock/core/Animation.html">Animation</a></td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="defaultEase"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">defaultEase</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var defaultEase:<a href="../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Provides An easy way to change the default easing equation. Choose from any of the GreenSock eases in the <code>com.greensock.easing</code> package. </p><p> The default value is <code>Power1.easeOut</code>.</p></div><a name="propertyDetail"></a><a name="defaultOverwrite"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">defaultOverwrite</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var defaultOverwrite:String = auto</code><p></p><p></p><p> Provides An easy way to change the default overwrite mode. Choose from any of the following: <code>"auto", "all", "none", "allOnStart", "concurrent", "preexisting"</code>. </p><p> The default value is <code>"auto"</code>.</p></div><a name="propertyDetail"></a><a name="target"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">target</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public var target:Object</code><p></p><p></p><p> [READ-ONLY] Target object (or array of objects) whose properties the tween affects. </p></div><a name="propertyDetail"></a><a name="ticker"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">ticker</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var ticker:Object</code><p></p><p></p><p>
The object that dispatches a <code>"tick"</code> event each time the engine updates, making it easy for
you to add your own listener(s) to run custom logic after each update (great for game developers).
Add as many listeners as you want. The basic syntax is the same for all versions (AS2, AS3, and JavaScript):
<p><b>Basic example (AS2, AS3, and JavaScript):</b></p><div class="listing" version="3.0"><pre>
//add listener
TweenLite.ticker.addEventListener("tick", myFunction);
function myFunction(event) {
//executes on every tick after the core engine updates
}
//to remove the listener later...
TweenLite.ticker.removeEventListener("tick", myFunction);
</pre></div>
<p>Due to differences in the core languages (and to maximize efficiency), the advanced syntax is slightly different
for the AS3 version compared to AS2 and JavaScript. The parameters beyond the first 2 in the addEventListener()
method are outlined below:</p>
<p><b>JavaScript and AS2</b></p>
<p><code>addEventListener(type, callback, scope, useParam, priority)</code></p>
<p>Parameters:
<ol>
<li><b>type</b> <i>: String</i> - type of listener, should always be <code>"tick"</code></li>
<li><b>callback</b> <i>: Function</i> - the function to call when the event occurs</li>
<li><b>scope</b> <i>: Object</i> - binds the scope to a particular object (scope is basically what "<code>this</code>" refers to in your function). This can be very useful in JavaScript and AS2 because scope isn't generally maintained. </li>
<li><b>useParam</b> <i>: Boolean</i> - if <code>true</code>, an event object will be generated and fed to the callback each time the event occurs. The event is a generic object and has two properties: <code>type</code> (always <code>"tick"</code>) and <code>target</code> which refers to the ticker instance. The default for <code>useParam</code> is <code>false</code> because it improves performance.</li>
<li><b>priority</b> <i>: Integer</i> - influences the order in which the listeners are called. Listeners with lower priorities are called after ones with higher priorities.</li>
</ol>
</p>
<p><b>Advanced example (JavaScript and AS2):</b></p><div class="listing" version="3.0"><pre>
//add listener that requests an event object parameter, binds scope to the current scope (this), and sets priority to 1 so that it is called before any other listeners that had a priority lower than 1...
TweenLite.ticker.addEventListener("tick", myFunction, this, true, 1);
function myFunction(event) {
//executes on every tick after the core engine updates
}
//to remove the listener later...
TweenLite.ticker.removeEventListener("tick", myFunction);
</pre></div>
<p><b>AS3</b></p>
<p>The AS3 version uses the standard <code>EventDispatcher.addEventListener()</code> syntax which
basically allows you to define a priority and whether or not to use weak references (see Adobe's
docs for details).</p>
<p><b>Advanced example [AS3 only]:</b></p><div class="listing" version="3.0"><pre>
import flash.events.Event;
//add listener with weak reference (standard syntax - notice the 5th parameter is true)
TweenLite.ticker.addEventListener("tick", myFunction, false, 0, true);
function myFunction(event:Event):void {
//executes on every tick after the core engine updates
}
//to remove the listener later...
TweenLite.ticker.removeEventListener("tick", myFunction);
</pre></div>
</p></div><a name="constructorDetail"></a><div class="detailSectionHeader">Constructor Detail</div><a name="TweenLite()"></a><a name="TweenLite(Object,Number,Object)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">TweenLite</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">Constructor</td></tr></table><div class="detailBody"><code>public function TweenLite(target:Object, duration:Number, vars:Object)</code><p></p><p>
Constructor
</p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">target</span>:Object</code> &mdash; Target object (or array of objects) whose properties this tween affects
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">duration</span>:Number</code> &mdash; Duration in seconds (or frames if <code>useFrames:true</code> is set in the <code>vars</code> parameter)
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">vars</span>:Object</code> &mdash; An object defining the end value for each property that should be tweened as well as any special properties like <code>onComplete</code>, <code>ease</code>, etc. For example, to tween <code>mc.x</code> to 100 and <code>mc.y</code> to 200 and then call <code>myFunction</code>, do this: <code>new TweenLite(mc, 1, {x:100, y:200, onComplete:myFunction})</code>.
</td></tr></table></div><a name="methodDetail"></a><div class="detailSectionHeader">Method Detail</div><a name="delayedCall()"></a><a name="delayedCall(Number,Function,Array,any,Boolean)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">delayedCall</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td></tr></table><div class="detailBody"><code> public static function delayedCall(delay:Number, callback:Function, params:Array = null, scope:* = null, useFrames:Boolean = false):<a href="../../com/greensock/TweenLite.html">TweenLite</a></code><p></p><p></p><p>
Provides a simple way to call a function after a set amount of time (or frames). You can
optionally pass any number of parameters to the function too.
<p><b>JavaScript and AS2 note:</b> - Due to the way JavaScript and AS2 don't
maintain scope (what "<code>this</code>" refers to, or the context) in function calls,
it can be useful to define the scope specifically. Therefore, the JavaScript and AS2
versions accept a 4th parameter to [optionally] define the <code>scope</code>, but it
is omitted in AS3:</p>
<p><code>TweenLite.delayedCall(delay, callback, params, scope, useFrames)</code> <i>[JavaScript and AS2 only]</i></p>
<div class="listing" version="3.0"><pre>
//calls myFunction after 1 second and passes 2 parameters:
TweenLite.delayedCall(1, myFunction, ["param1", 2]);
function myFunction(param1, param2) {
//do stuff
}
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">delay</span>:Number</code> &mdash; Delay in seconds (or frames if <code>useFrames</code> is <code>true</code>) before the function should be called
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">callback</span>:Function</code> &mdash; Function to call
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">params</span>:Array</code> (default = <code>null</code>)<code></code> &mdash; An Array of parameters to pass the function (optional).
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">scope</span>:*</code> (default = <code>null</code>)<code></code> &mdash; The scope in which the callback should be called (basically, what "this" refers to in the function). NOTE: this parameter only exists in the JavaScript and AS2 versions.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">useFrames</span>:Boolean</code> (default = <code>false</code>)<code></code> &mdash; If the delay should be measured in frames instead of seconds, set <code>useFrames</code> to <code>true</code> (default is <code>false</code>)
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code><a href="../../com/greensock/TweenLite.html">TweenLite</a></code> &mdash; TweenLite instance
</td></tr></table><p><span class="label">See also</span></p><div class="seeAlso"><a href="TimelineLite.html#call()" target="">com.greensock.TimelineLite.call()</a><br/><a href="TimelineMax.html#addCallback()" target="">com.greensock.TimelineMax.addCallback()</a></div></div><a name="from()"></a><a name="from(Object,Number,Object)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">from</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public static function from(target:Object, duration:Number, vars:Object):<a href="../../com/greensock/TweenLite.html">TweenLite</a></code><p></p><p></p><p>
Static method for creating a TweenLite instance that tweens backwards -
you define the <b>BEGINNING</b> values and the current values are used
as the destination values which is great for doing things like animating objects
onto the screen because you can set them up initially the way you want them to look
at the end of the tween and then animate in from elsewhere.
<p><b>NOTE:</b> By default, <code>immediateRender</code> is <code>true</code> in
<code>from()</code> tweens, meaning that they immediately render their starting state
regardless of any delay that is specified. You can override this behavior by passing
<code>immediateRender:false</code> in the <code>vars</code> parameter so that it will
wait to render until the tween actually begins (often the desired behavior when inserting
into TimelineLite or TimelineMax instances). To illustrate the default behavior, the
following code will immediately set the <code>alpha</code> of <code>mc</code>
to 0 and then wait 2 seconds before tweening the <code>alpha</code> back to 1 over
the course of 1.5 seconds:</p>
<p><code>
TweenLite.from(mc, 1.5, {alpha:0, delay:2});
</code></p>
<p>Since the <code>target</code> parameter can also be an array of objects, the following
code will tween the alpha property of mc1, mc2, and mc3 from a value of 0 simultaneously:</p>
<div class="listing" version="3.0"><pre>
TweenLite.from([mc1, mc2, mc3], 1.5, {alpha:0});
</pre></div>
<p>Even though 3 objects are animating, there is still only one tween created.
In order to stagger or offset the start times of each object animating, please see
the <code>staggerFrom()</code> method of TimelineLite or TweenMax.</p>
<p>For simple sequencing, you can use the <code>delay</code> special property
(like <code>TweenLite.from(mc, 1, {alpha:0, delay:0.5})</code>),
but it is highly recommended that you consider using TimelineLite (or TimelineMax)
for all but the simplest sequencing tasks. It has an identical <code>from()</code> method
that allows you to append tweens one-after-the-other and then control the entire sequence
as a whole. You can even have the tweens overlap as much as you want.</p>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">target</span>:Object</code> &mdash; Target object (or array of objects) whose properties this tween affects.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">duration</span>:Number</code> &mdash; Duration in seconds (or frames if <code>useFrames:true</code> is set in the <code>vars</code> parameter)
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">vars</span>:Object</code> &mdash; An object defining the starting value for each property that should be tweened as well as any special properties like <code>onComplete</code>, <code>ease</code>, etc. For example, to tween <code>mc.x</code> from 100 and <code>mc.y</code> from 200 and then call <code>myFunction</code>, do this: <code>TweenLite.from(mc, 1, {x:100, y:200, onComplete:myFunction});</code>
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code><a href="../../com/greensock/TweenLite.html">TweenLite</a></code> &mdash; TweenLite instance
</td></tr></table><p><span class="label">See also</span></p><div class="seeAlso"><a href="TweenLite.html#to()" target="">to()</a><br/><a href="TweenLite.html#fromTo()" target="">fromTo()</a><br/><a href="TimelineLite.html#from()" target="">com.greensock.TimelineLite.from()</a><br/><a href="TimelineLite.html#staggerFrom()" target="">com.greensock.TimelineLite.staggerFrom()</a><br/><a href="TweenMax.html#staggerFrom()" target="">com.greensock.TweenMax.staggerFrom()</a></div></div><a name="fromTo()"></a><a name="fromTo(Object,Number,Object,Object)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">fromTo</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public static function fromTo(target:Object, duration:Number, fromVars:Object, toVars:Object):<a href="../../com/greensock/TweenLite.html">TweenLite</a></code><p></p><p></p><p>
Static method for creating a TweenLite instance that allows you to define both the starting
and ending values (as opposed to <code>to()</code> and <code>from()</code> tweens which are
based on the target's current values at one end or the other).
<p><b>NOTE</b>: Only put starting values in the <code>fromVars</code> parameter - all
special properties for the tween (like onComplete, onUpdate, delay, etc.) belong in the <code>toVars</code>
parameter. </p>
<p>Since the <code>target</code> parameter can also be an array of objects, the following
code will tween the x property of mc1, mc2, and mc3 from 0 to 100 simultaneously:</p>
<div class="listing" version="3.0"><pre>
TweenLite.fromTo([mc1, mc2, mc3], 1, {x:0}, {x:100});
</pre></div>
<p>Even though 3 objects are animating, there is still only one tween created.
In order to stagger or offset the start times of each object animating, please see
the <code>staggerFromTo()</code> method of TimelineLite or TweenMax.</p>
<p>For simple sequencing, you can use the <code>delay</code> special property
(like <code>TweenLite.fromTo(mc, 1, {x:0}, {x:100, delay:0.5})</code>),
but it is highly recommended that you consider using TimelineLite (or TimelineMax)
for all but the simplest sequencing tasks. It has an identical <code>fromTo()</code> method
that allows you to append tweens one-after-the-other and then control the entire sequence
as a whole. You can even have the tweens overlap as much as you want.</p>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">target</span>:Object</code> &mdash; Target object (or array of objects) whose properties this tween affects.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">duration</span>:Number</code> &mdash; Duration in seconds (or frames if <code>useFrames:true</code> is set in the <code>vars</code> parameter)
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">fromVars</span>:Object</code> &mdash; An object defining the starting value for each property that should be tweened. For example, to tween <code>mc.x</code> from 100 and <code>mc.y</code> from 200, <code>fromVars</code> would look like this: <code>{x:100, y:200}</code>.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">toVars</span>:Object</code> &mdash; An object defining the end value for each property that should be tweened as well as any special properties like <code>onComplete</code>, <code>ease</code>, etc. For example, to tween <code>mc.x</code> from 0 to 100 and <code>mc.y</code> from 0 to 200 and then call <code>myFunction</code>, do this: <code>TweenLite.fromTo(mc, 1, {x:0, y:0}, {x:100, y:200, onComplete:myFunction});</code>
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code><a href="../../com/greensock/TweenLite.html">TweenLite</a></code> &mdash; TweenLite instance
</td></tr></table><p><span class="label">See also</span></p><div class="seeAlso"><a href="TweenLite.html#to()" target="">to()</a><br/><a href="TweenLite.html#from()" target="">from()</a><br/><a href="TimelineLite.html#fromTo()" target="">com.greensock.TimelineLite.fromTo()</a><br/><a href="TimelineLite.html#staggerFromTo()" target="">com.greensock.TimelineLite.staggerFromTo()</a><br/><a href="TweenMax.html#staggerFromTo()" target="">com.greensock.TweenMax.staggerFromTo()</a></div></div><a name="getTweensOf()"></a><a name="getTweensOf(any)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">getTweensOf</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public static function getTweensOf(target:*):Array</code><p></p><p></p><p>
Returns an array containing all the tweens of a particular target (or group of targets) that have not
been released for garbage collection yet which typically happens within a few seconds after the tween completes.
For example, <code>TweenLite.getTweensOf(myObject)</code> returns an array of all tweens
of <code>myObject</code>, even tweens that haven't begun yet. <code>TweenLite.getTweensOf([myObject1, myObject2]);</code>
will return a condensed array of the tweens of <code>myObject1</code> plus all the tweens
of <code>myObject2</code> combined into one array with duplicates removed.
<p>Since the method only finds tweens that haven't been released for garbage collection, if you create a tween
and then let it finish and then a while later try to find it with <code>getTweensOf()</code>, it may not be found
because it was released by the engine for garbage collection. Remember, one of the best parts of GSAP is that it
saves you from the headache of managing gc. Otherwise, you'd need to manually dispose each tween you create, making
things much more cumbersome.</p>
<div class="listing" version="3.0"><pre>
TweenLite.to(myObject1, 1, {x:100});
TweenLite.to(myObject2, 1, {x:100});
TweenLite.to([myObject1, myObject2], 1, {alpha:0});
var a1 = TweenLite.getTweensOf(myObject1); //finds 2 tweens
var a2 = TweenLite.getTweensOf([myObject1, myObject2]); //finds 3 tweens
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">target</span>:*</code> &mdash; The target whose tweens should be returned, or an array of such targets
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>Array</code> &mdash; An array of tweens
</td></tr></table></div><a name="invalidate()"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">invalidate</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>override public function invalidate():*</code><p></p><p></p><p>
Clears any initialization data (like starting/ending values in tweens) which can be useful if, for example,
you want to restart a tween without reverting to any previously recorded starting values. When you <code>invalidate()</code>
an animation, it will be re-initialized the next time it renders and its <code>vars</code> object will be re-parsed.
The timing of the animation (duration, startTime, delay) will not be affected.
<p>Another example would be if you have a <code>TweenMax(mc, 1, {x:100, y:100})</code> that ran when mc.x and mc.y
were initially at 0, but now mc.x and mc.y are 200 and you want them tween to 100 again, you could simply
<code>invalidate()</code> the tween and <code>restart()</code> it. Without invalidating first, restarting it
would cause the values jump back to 0 immediately (where they started when the tween originally began).
When you invalidate a TimelineLite/TimelineMax, it automatically invalidates all of its children.</p>
</p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; self (makes chaining easier)
</td></tr></table></div><a name="killDelayedCallsTo()"></a><a name="killDelayedCallsTo(Function)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">killDelayedCallsTo</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public static function killDelayedCallsTo(func:Function):void</code><p></p><p></p><p>
Immediately kills all of the delayedCalls to a particular function. If, for example,
you want to kill all delayedCalls to <code>myFunction</code>, you'd do this:
<p><code>
TweenLite.killDelayedCallsTo(myFunction);
</code></p>
<p>Since a delayedCall is just a tween that uses the function/callback as both its <code>target</code>
and its <code>onComplete</code>, <code>TweenLite.killTweensOf(myFunction)</code> produces exactly the
same result as <code>TweenLite.killDelayedCallsTo(myFunction)</code>.</p>
<p>This method affects all delayedCalls that were created using <code>TweenLite.delayedCall()</code>
or <code>TweenMax.delayedCall()</code> or the <code>call()</code> or <code>addCallback()</code> methods
of TimelineLite or TimelineMax. Basically, any tween whose target is the function you supply will
be killed.</p>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">func</span>:Function</code> &mdash; The function for which all delayedCalls should be killed/cancelled.
</td></tr></table></p></div><a name="killTweensOf()"></a><a name="killTweensOf(any,Object)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">killTweensOf</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public static function killTweensOf(target:*, vars:Object = null):void</code><p></p><p></p><p>
Kills all the tweens (or specific tweening properties) of a particular object or delayedCalls
to a particular function. If, for example, you want to kill all tweens of <code>myObject</code>,
you'd do this:
<p><code>
TweenLite.killTweensOf(myObject);
</code></p>
<p>To kill only particular tweening properties of the object, use the second parameter.
For example, if you only want to kill all the tweens of <code>myObject.alpha</code> and
<code>myObject.x</code>, you'd do this:</p>
<p><code>
TweenLite.killTweensOf(myObject, {alpha:true, x:true});
</code></p>
<p>To kill all the delayedCalls that were created like <code>TweenLite.delayedCall(5, myFunction);</code>,
you can simply call <code>TweenLite.killTweensOf(myFunction);</code> because delayedCalls
are simply tweens that have their <code>target</code> and <code>onComplete</code> set to
the same function (as well as a <code>delay</code> of course).</p>
<p><code>killTweensOf()</code> affects tweens that haven't begun yet too. If, for example,
a tween of <code>myObject</code> has a <code>delay</code> of 5 seconds and
<code>TweenLite.killTweensOf(mc)</code> is called 2 seconds after the tween was created,
it will still be killed even though it hasn't started yet. </p>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">target</span>:*</code> &mdash; Object whose tweens should be killed immediately
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">vars</span>:Object</code> (default = <code>null</code>)<code></code> &mdash; To kill only specific properties, use a generic object containing enumerable properties corresponding to the ones that should be killed like <code>{x:true, y:true}</code>. The values assigned to each property of the object don't matter - the sole purpose of the object is for iteration over the named properties (in this case, <code>x</code> and <code>y</code>). If no object (or <code>null</code>) is defined, all matched tweens will be killed in their entirety.
</td></tr></table></p></div><a name="set()"></a><a name="set(Object,Object)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">set</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public static function set(target:Object, vars:Object):<a href="../../com/greensock/TweenLite.html">TweenLite</a></code><p></p><p></p><p>
Immediately sets properties of the target accordingly - essentially a zero-duration to() tween with a more
intuitive name. So the following lines produce identical results:
<div class="listing" version="3.0"><pre>
TweenLite.set(myObject, {x:100, y:50, alpha:0});
TweenLite.to(myObject, 0, {x:100, y:50, alpha:0});
</pre></div>
<p>And of course you can use an array to set the properties of multiple targets at the same time, like:</p>
<div class="listing" version="3.0"><pre>
TweenLite.set([obj1, obj2, obj3], {x:100, y:50, alpha:0});
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">target</span>:Object</code> &mdash; Target object (or array of objects) whose properties will be affected.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">vars</span>:Object</code> &mdash; An object defining the value for each property that should be set. For example, to set <code>mc.x</code> to 100 and <code>mc.y</code> to 200, do this: <code>TweenLite.set(mc, {x:100, y:200});</code>
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code><a href="../../com/greensock/TweenLite.html">TweenLite</a></code> &mdash; A TweenLite instance (with a duration of 0) which can optionally be inserted into a TimelineLite/Max instance (although it's typically more concise to just use the timeline's <code>set()</code> method).
</td></tr></table></div><a name="to()"></a><a name="to(Object,Number,Object)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">to</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public static function to(target:Object, duration:Number, vars:Object):<a href="../../com/greensock/TweenLite.html">TweenLite</a></code><p></p><p></p><p>
Static method for creating a TweenLite instance that animates to the specified destination values
(from the current values). The following lines of code all produce identical results:
<div class="listing" version="3.0"><pre>
TweenLite.to(mc, 1, {x:100});
var myTween = new TweenLite(mc, 1, {x:100});
var myTween = TweenLite.to(mc, 1, {x:100});
</pre></div>
<p>Each line above will tween the <code>"x"</code> property of the <code>mc</code> object
to a value of 100 over the coarse of 1 second. They each use a slightly different syntax,
all of which are valid. If you don't need to store a reference of the tween, just use the
static <code>TweenLite.to( )</code> call.</p>
<p>Since the <code>target</code> parameter can also be an array of objects, the following
code will tween the x property of mc1, mc2, and mc3 to a value of 100 simultaneously:</p>
<div class="listing" version="3.0"><pre>
TweenLite.to([mc1, mc2, mc3], 1, {x:100});
</pre></div>
<p>Even though 3 objects are animating, there is still only one tween created.
In order to stagger or offset the start times of each object animating, please see
the <code>staggerTo()</code> method of TimelineLite or TweenMax.</p>
<p>For simple sequencing, you can use the <code>delay</code> special property
(like <code>TweenLite.to(mc, 1, {x:100, delay:0.5})</code>),
but it is highly recommended that you consider using TimelineLite (or TimelineMax)
for all but the simplest sequencing tasks. It has an identical <code>to()</code> method
that allows you to append tweens one-after-the-other and then control the entire sequence
as a whole. You can even have the tweens overlap as much as you want.</p>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">target</span>:Object</code> &mdash; Target object (or array of objects) whose properties this tween affects.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">duration</span>:Number</code> &mdash; Duration in seconds (or frames if <code>useFrames:true</code> is set in the <code>vars</code> parameter)
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">vars</span>:Object</code> &mdash; An object defining the end value for each property that should be tweened as well as any special properties like <code>onComplete</code>, <code>ease</code>, etc. For example, to tween <code>mc.x</code> to 100 and <code>mc.y</code> to 200 and then call <code>myFunction</code>, do this: <code>TweenLite.to(mc, 1, {x:100, y:200, onComplete:myFunction});</code>
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code><a href="../../com/greensock/TweenLite.html">TweenLite</a></code> &mdash; TweenLite instance
</td></tr></table><p><span class="label">See also</span></p><div class="seeAlso"><a href="TimelineLite.html#to()" target="">com.greensock.TimelineLite.to()</a><br/><a href="TimelineLite.html#staggerTo()" target="">com.greensock.TimelineLite.staggerTo()</a><br/><a href="TweenMax.html#staggerTo()" target="">com.greensock.TweenMax.staggerTo()</a><br/><a href="TweenLite.html#from()" target="">from()</a><br/><a href="TweenLite.html#fromTo()" target="">fromTo()</a></div></div><br/><br/><hr><br/><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 -->

1279
duo/js/greensock-v12-js/docs/com/greensock/TweenMax.html 100755
View File

File diff suppressed because it is too large Load Diff

1
duo/js/greensock-v12-js/docs/com/greensock/class-list.html 100755
View File

@ -0,0 +1 @@
<!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>com.greensock - GreenSock JavaScript Documentation</title><base target="classFrame"><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 class="classFrameContent"><h3><a href="package-detail.html" target="classFrame" style="color:black">Package com.greensock</a></h3><table cellpadding="0" cellspacing="0"><tr><td><a href="package-detail.html#classSummary" style="color:black"><b>Classes</b></a></td></tr><tr><td><a href="TimelineLite.html">TimelineLite</a></td></tr><tr><td><a href="TimelineMax.html">TimelineMax</a></td></tr><tr><td><a href="TweenLite.html">TweenLite</a></td></tr><tr><td><a href="TweenMax.html">TweenMax</a></td></tr></table></body></html><!--<br/>Thu Dec 20 2012, 04:30 PM -06:00 -->

610
duo/js/greensock-v12-js/docs/com/greensock/core/Animation.html 100755
View File

@ -0,0 +1,610 @@
<!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"><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"><meta name="keywords" content="Animation,com.greensock.core.Animation,autoRemoveChildren,data,smoothChildTiming,ticker,timeline,vars,delay,duration,eventCallback,insert,invalidate,kill,pause,paused,play,render,restart,resume,reverse,reversed,seek,startTime,time,timeScale,totalDuration,totalTime"><title>com.greensock.core.Animation</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 = 'Animation - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/core/Animation.html&amp;com/greensock/core/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">Animation</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a>&nbsp;| <a href="#methodSummary">Methods</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Animation"); titleBar_setSubNav(false,true,false,false,false,false,false,false,true,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.core</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class Animation</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Animation <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr><tr><td class="classHeaderTableLabel">Subclasses</td><td> <a href="../../../com/greensock/core/SimpleTimeline.html">SimpleTimeline</a>, <a href="../../../com/greensock/TweenLite.html">TweenLite</a></td></tr></table><p></p><p></p><p></p>
Base class for all TweenLite, TweenMax, TimelineLite, and TimelineMax classes, providing
core methods/properties/functionality, but there is no reason to create an instance of this
class directly. It can be very useful, however, as a data type in AS3/AS2 for methods/properties that
can contain tweens or timelines. For example, maybe you build an <code>animateIn()</code> and
<code>animateOut()</code> method for many of your own custom classes, and they each return an
Animation instance which could be a tween or a timeline:
<div class="listing" version="3.0"><pre>
function animateIn():Animation {
return TweenLite.to(this, 1, {scaleX:1, scaleY:1, autoAlpha:1});
}
function animateOut():Animation {
var tl:TimelineLite = new TimelineLite();
tl.to(this, 1, {scaleX:0.5, scaleY:0.5});
tl.to(this, 0.5, {autoAlpha:0}, -0.25);
return tl;
}
var anim:Animation = animateIn();
//now we can control the animation with the common methods:
anim.pause();
anim.play();
anim.reverse();
//or somewhere else, we could build a sequence like this:
var tl:TimelineLite = new TimelineLite();
tl.append( animateIn() );
tl.append( animateOut(), 3);
</pre></div>
<p>
<b>Copyright 2008-2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#data" class="signatureLink">data</a> : *<div class="summaryTableDescription"> A place to store any data you want (initially populated with vars.data if it exists).</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#ticker" class="signatureLink">ticker</a> : Shape<div class="summaryTableDescription">[static]
The object that dispatches a "tick" event each time the engine updates, making it easy for
you to add your own listener(s) to run custom logic after each update (great for game developers).</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#timeline" class="signatureLink">timeline</a> : <a href="../../../com/greensock/core/SimpleTimeline.html">SimpleTimeline</a><div class="summaryTableDescription"> [Read-only] Parent timeline.</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#vars" class="signatureLink">vars</a> : Object<div class="summaryTableDescription"> The vars object passed into the constructor which stores configuration variables like onComplete, onUpdate, etc.</div></td><td class="summaryTableOwnerCol">Animation</td></tr></table></div><a name="methodSummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Methods </div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableMethod"><tr><th>&nbsp;</th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#Animation()" class="signatureLink">Animation</a>(duration:Number = 0, vars:Object = null)</div><div class="summaryTableDescription">
Constructor
</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#delay()" class="signatureLink">delay</a>(value:Number):*</div><div class="summaryTableDescription">
Gets or sets the animation's initial delay which is the length of time in seconds
(or frames for frames-based tweens) before the animation should begin.</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#duration()" class="signatureLink">duration</a>(value:Number):*</div><div class="summaryTableDescription">
Gets or sets the animation's duration, not including any repeats or repeatDelays
(which are only available in TweenMax and TimelineMax).</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#eventCallback()" class="signatureLink">eventCallback</a>(type:String, callback:Function = null, params:Array = null, scope:* = null):*</div><div class="summaryTableDescription">
Gets or sets an event callback like "onComplete", "onUpdate", "onStart", "onReverseComplete"
or "onRepeat" (onRepeat only applies to TweenMax or TimelineMax instances)
along with any parameters that should be passed to that callback.</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#invalidate()" class="signatureLink">invalidate</a>():*</div><div class="summaryTableDescription">
Clears any initialization data (like starting/ending values in tweens) which can be useful if, for example,
you want to restart a tween without reverting to any previously recorded starting values.</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#kill()" class="signatureLink">kill</a>(vars:Object = null, target:Object = null):*</div><div class="summaryTableDescription">
Kills the animation entirely or in part depending on the parameters.</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#pause()" class="signatureLink">pause</a>(atTime:* = null, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Pauses the instance, optionally jumping to a specific time.</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#paused()" class="signatureLink">paused</a>(value:Boolean = false):*</div><div class="summaryTableDescription">
Gets or sets the animation's paused state which indicates whether or not the animation
is currently paused.</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#play()" class="signatureLink">play</a>(from:* = null, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Begins playing forward, optionally from a specific time (by default playback begins from
wherever the playhead currently is).</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#restart()" class="signatureLink">restart</a>(includeDelay:Boolean = false, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Restarts and begins playing forward from the beginning.</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#resume()" class="signatureLink">resume</a>(from:* = null, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Resumes playing without altering direction (forward or reversed), optionally jumping to a specific time first.</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#reverse()" class="signatureLink">reverse</a>(from:* = null, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Reverses playback so that all aspects of the animation are oriented backwards including, for example,
a tween's ease.</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#reversed()" class="signatureLink">reversed</a>(value:Boolean = false):*</div><div class="summaryTableDescription">
Gets or sets the animation's reversed state which indicates whether or not the animation
should be played backwards.</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#seek()" class="signatureLink">seek</a>(time:*, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Jumps to a specific time without affecting whether or not the instance is paused or reversed.</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#startTime()" class="signatureLink">startTime</a>(value:Number):*</div><div class="summaryTableDescription">
Gets or sets the time at which the animation begins on its parent timeline (after any delay
that was defined).</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#time()" class="signatureLink">time</a>(value:Number, suppressEvents:Boolean = false):*</div><div class="summaryTableDescription">
Gets or sets the local position of the playhead (essentially the current time),
described in seconds (or frames for frames-based animations) which
will never be less than 0 or greater than the animation's duration.</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#timeScale()" class="signatureLink">timeScale</a>(value:Number):*</div><div class="summaryTableDescription">
Factor that's used to scale time in the animation where 1 = normal speed (the default),
0.5 = half speed, 2 = double speed, etc.</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#totalDuration()" class="signatureLink">totalDuration</a>(value:Number):*</div><div class="summaryTableDescription">
Gets or sets the animation's total duration including
any repeats or repeatDelays (which are only available in TweenMax and TimelineMax).</div></td><td class="summaryTableOwnerCol">Animation</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#totalTime()" class="signatureLink">totalTime</a>(time:Number, suppressEvents:Boolean = false):*</div><div class="summaryTableDescription">
Gets or sets the position of the playhead according to the totalDuration
which includes any repeats and repeatDelays (only available
in TweenMax and TimelineMax).</div></td><td class="summaryTableOwnerCol">Animation</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="data"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">data</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public var data:*</code><p></p><p></p><p> A place to store any data you want (initially populated with <code>vars.data</code> if it exists). </p></div><a name="propertyDetail"></a><a name="ticker"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">ticker</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var ticker:Shape</code><p></p><p></p><p>
The object that dispatches a <code>"tick"</code> event each time the engine updates, making it easy for
you to add your own listener(s) to run custom logic after each update (great for game developers).
Add as many listeners as you want. The basic syntax is the same for all versions (AS2, AS3, and JavaScript):
<p><b>Basic example (AS2, AS3, and JavaScript):</b></p><div class="listing" version="3.0"><pre>
//add listener
Animation.ticker.addEventListener("tick", myFunction);
function myFunction(event) {
//executes on every tick after the core engine updates
}
//to remove the listener later...
Animation.ticker.removeEventListener("tick", myFunction);
</pre></div>
<p>Due to differences in the core languages (and to maximize efficiency), the advanced syntax is slightly different
for the AS3 version compared to AS2 and JavaScript. The parameters beyond the first 2 in the addEventListener()
method are outlined below:</p>
<p><b>JavaScript and AS2</b></p>
<p><code>addEventListener(type, callback, scope, useParam, priority)</code></p>
<p>Parameters:
<ol>
<li><b>type</b> <i>: String</i> - type of listener, should always be <code>"tick"</code></li>
<li><b>callback</b> <i>: Function</i> - the function to call when the event occurs</li>
<li><b>scope</b> <i>: Object</i> - binds the scope to a particular object (scope is basically what "<code>this</code>" refers to in your function). This can be very useful in JavaScript and AS2 because scope isn't generally maintained. </li>
<li><b>useParam</b> <i>: Boolean</i> - if <code>true</code>, an event object will be generated and fed to the callback each time the event occurs. The event is a generic object and has two properties: <code>type</code> (always <code>"tick"</code>) and <code>target</code> which refers to the ticker instance. The default for <code>useParam</code> is <code>false</code> because it improves performance.</li>
<li><b>priority</b> <i>: Integer</i> - influences the order in which the listeners are called. Listeners with lower priorities are called after ones with higher priorities.</li>
</ol>
</p>
<p>In JavaScript, the Animation object/class is located at <code>com.greensock.core.Animation</code> - it is not added to the global namespace in order to avoid polluting it (developers rarely directly access the Animation class)</p>
<p><b>Advanced example (JavaScript and AS2):</b></p><div class="listing" version="3.0"><pre>
//add listener that requests an event object parameter, binds scope to the current scope (this), and sets priority to 1 so that it is called before any other listeners that had a priority lower than 1...
Animation.ticker.addEventListener("tick", myFunction, this, true, 1);
function myFunction(event) {
//executes on every tick after the core engine updates
}
//to remove the listener later...
Animation.ticker.removeEventListener("tick", myFunction);
</pre></div>
<p><b>AS3</b></p>
<p>The AS3 version uses the standard <code>EventDispatcher.addEventListener()</code> syntax which
basically allows you to define a priority and whether or not to use weak references (see Adobe's
docs for details).</p>
<p><b>Advanced example [AS3 only]:</b></p><div class="listing" version="3.0"><pre>
import flash.events.Event;
//add listener with weak reference (standard syntax - notice the 5th parameter is true)
Animation.ticker.addEventListener("tick", myFunction, false, 0, true);
function myFunction(event:Event):void {
//executes on every tick after the core engine updates
}
//to remove the listener later...
Animation.ticker.removeEventListener("tick", myFunction);
</pre></div>
</p></div><a name="propertyDetail"></a><a name="timeline"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">timeline</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public var timeline:<a href="../../../com/greensock/core/SimpleTimeline.html">SimpleTimeline</a></code><p></p><p></p><p> [Read-only] Parent timeline. Every animation is placed onto a timeline (the root timeline by default) and can only have one parent. An instance cannot exist in multiple timelines at once. </p></div><a name="propertyDetail"></a><a name="vars"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">vars</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public var vars:Object</code><p></p><p></p><p> The <code>vars</code> object passed into the constructor which stores configuration variables like onComplete, onUpdate, etc. as well as tweening properties like alpha, x, y or whatever. </p></div><a name="constructorDetail"></a><div class="detailSectionHeader">Constructor Detail</div><a name="Animation()"></a><a name="Animation(Number,Object)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">Animation</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">Constructor</td></tr></table><div class="detailBody"><code>public function Animation(duration:Number = 0, vars:Object = null)</code><p></p><p>
Constructor
</p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">duration</span>:Number</code> (default = <code>0</code>)<code></code> &mdash; duration in seconds (or frames for frames-based tweens)
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">vars</span>:Object</code> (default = <code>null</code>)<code></code> &mdash; configuration variables (for example, <code>{x:100, y:0, alpha:0.5, onComplete:myFunction}</code>)
</td></tr></table></div><a name="methodDetail"></a><div class="detailSectionHeader">Method Detail</div><a name="delay()"></a><a name="delay(Number)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">delay</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td></tr></table><div class="detailBody"><code> public function delay(value:Number):*</code><p></p><p></p><p>
Gets or sets the animation's initial delay which is the length of time in seconds
(or frames for frames-based tweens) before the animation should begin.
A tween's starting values are not recorded until after the delay has expired (except in
<code>from()</code> tweens which render immediately by default unless <code>immediateRender:false</code>
is set in the <code>vars</code> parameter). An animation's <code>delay</code> is unaffected
by its <code>timeScale</code>, so if you were to change <code>timeScale</code> from 1 to 10,
for example, it wouldn't cause the delay to grow tenfold.
<p>This method serves as both a getter and setter. Omitting the parameter returns the current
value (getter), whereas defining the parameter sets the value (setter) and returns the instance
itself for easier chaining, like <code>myAnimation.delay(2).timeScale(0.5).play(1);</code></p>
<div class="listing" version="3.0"><pre>
var currentDelay = myAnimation.delay(); //gets current delay
myAnimation.delay(2); //sets delay
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">value</span>:Number</code> (default = <code>NaN</code>)<code></code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.
</td></tr></table></div><a name="duration()"></a><a name="duration(Number)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">duration</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function duration(value:Number):*</code><p></p><p></p><p>
Gets or sets the animation's duration, <b>not</b> including any repeats or repeatDelays
(which are only available in TweenMax and TimelineMax). For example, if a TweenMax instance has
a <code>duration</code> of 2 and a <code>repeat</code> of 3, its <code>totalDuration</code>
would be 8 (one standard play plus 3 repeats equals 4 total cycles).
<p>This method serves as both a getter and setter. Omitting the parameter returns the current
value (getter), whereas defining the parameter sets the value (setter) and returns the instance
itself for easier chaining, like <code>myAnimation.duration(2).delay(0.5).play(1);</code></p>
<div class="listing" version="3.0"><pre>
var currentDuration = myAnimation.duration(); //gets current duration
myAnimation.duration(2); //sets duration
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">value</span>:Number</code> (default = <code>NaN</code>)<code></code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.
</td></tr></table><p><span class="label">See also</span></p><div class="seeAlso"><a href="Animation.html#totalDuration()" target="">totalDuration()</a><br/><a href="Animation.html#timeScale()" target="">timeScale()</a></div></div><a name="eventCallback()"></a><a name="eventCallback(String,Function,Array,any)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">eventCallback</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function eventCallback(type:String, callback:Function = null, params:Array = null, scope:* = null):*</code><p></p><p></p><p>
Gets or sets an event callback like <code>"onComplete", "onUpdate", "onStart", "onReverseComplete"</code>
or <code>"onRepeat"</code> (<code>onRepeat</code> only applies to TweenMax or TimelineMax instances)
along with any parameters that should be passed to that callback. This is the same as defining
the values directly in the constructor's <code>vars</code> parameter initially, so the following
two lines are functionally equivalent:
<div class="listing" version="3.0"><pre>
//the following two lines produce IDENTICAL results:
var myAnimation = new TweenLite(mc, 1, {x:100, onComplete:myFunction, onCompleteParams:["param1","param2"]});
myAnimation.eventCallback("onComplete", myFunction, ["param1","param2"]);
</pre></div>
<p>The benefit of using <code>eventCallback()</code> is that it allows you to set callbacks
even after the animation instance has been created and it also allows you to inspect the
callback references or even delete them on-the-fly (use <code>null</code> to delete the
event callback).</p>
<div class="listing" version="3.0"><pre>
//deletes the onUpdate
myAnimation.eventCallback("onUpdate", null);
</pre></div>
<p><b>IMPORTANT:</b>Animation instances can only have one callback associated with each
event type (one <code>onComplete</code>, one <code>onUpdate</code>, one <code>onStart</code>, etc.).
So setting a new value will overwrite the old one. All of the values populate the <code>vars</code>
object too which was originally passed into the constructor (think of that like a storage place for
configuration data).</p>
<p>This method serves as both a getter and setter. Omitting all but the first parameter returns
the current value (getter), whereas defining more than the first parameter sets the value (setter)
and returns the instance itself for easier chaining, like
<code>myAnimation.eventCallback("onComplete", completeHandler).eventCallback("onUpdate", updateHandler, ["param1","{self}"]).play(1);</code></p>
<div class="listing" version="3.0"><pre>
var currentOnComplete = myAnimation.eventCallback("onComplete"); //gets current onComplete
myAnimation.eventCallback("onComplete", myFunction); //sets the onComplete
</pre></div>
<p><b>JavaScript and AS2 note:</b> - Due to the way JavaScript and AS2 don't
maintain scope (what "<code>this</code>" refers to, or the context) in function calls,
it can be useful to define the scope specifically. Therefore, the JavaScript and AS2
versions accept a 4th parameter to [optionally] define the <code>scope</code>, but it
is omitted in AS3.</p>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">type</span>:String</code> &mdash; The type of event callback, like <code>"onComplete", "onUpdate", "onStart"</code> or <code>"onRepeat"</code>. This is case-sensitive.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">callback</span>:Function</code> (default = <code>null</code>)<code></code> &mdash; The function that should be called when the event occurs.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">params</span>:Array</code> (default = <code>null</code>)<code></code> &mdash; An array of parameters to pass the callback. Use <code>"{self}"</code> to refer to the animation instance itself. Example: <code>["param1","{self}"]</code>
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">scope</span>:*</code> (default = <code>null</code>)<code></code> &mdash; The scope in which the callback should be called (basically, what "this" refers to in the function). NOTE: this parameter only pertains to the JavaScript and AS2 versions; it is omitted in AS3.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; Omitting the all but the first parameter returns the current value (getter), whereas defining more than the first parameter sets the callback (setter) and returns the instance itself for easier chaining.
</td></tr></table></div><a name="invalidate()"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">invalidate</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function invalidate():*</code><p></p><p></p><p>
Clears any initialization data (like starting/ending values in tweens) which can be useful if, for example,
you want to restart a tween without reverting to any previously recorded starting values. When you <code>invalidate()</code>
an animation, it will be re-initialized the next time it renders and its <code>vars</code> object will be re-parsed.
The timing of the animation (duration, startTime, delay) will not be affected.
<p>Another example would be if you have a <code>TweenMax(mc, 1, {x:100, y:100})</code> that ran when mc.x and mc.y
were initially at 0, but now mc.x and mc.y are 200 and you want them tween to 100 again, you could simply
<code>invalidate()</code> the tween and <code>restart()</code> it. Without invalidating first, restarting it
would cause the values jump back to 0 immediately (where they started when the tween originally began).
When you invalidate a TimelineLite/TimelineMax, it automatically invalidates all of its children.</p>
</p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; self (makes chaining easier)
</td></tr></table></div><a name="kill()"></a><a name="kill(Object,Object)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">kill</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function kill(vars:Object = null, target:Object = null):*</code><p></p><p></p><p>
Kills the animation entirely or in part depending on the parameters. Simply calling <code>kill()</code>
(omitting the parameters) will immediately stop the animation and release it for garbage collection.
To kill only particular tweening properties of the animation, use the first parameter which should
be a generic object with enumerable properties corresponding to those that should be killed,
like <code>{x:true, y:true}</code>. The second parameter allows you to define a target
(or array of targets) to affect.
<p>Note: the values assigned to each property of the <code>vars</code> parameter object don't
matter - the sole purpose of the object is for iteration over the named properties. In other
words, <code>{x:true, y:true}</code> would produce the same results as <code>{x:false, y:false}</code>.</p>
<div class="listing" version="3.0"><pre>
//kill the entire animation:
myAnimation.kill();
//kill only the "x" and "y" properties of the animation (all targets):
myAnimation.kill({x:true, y:true});
//kill all parts of the animation related to the target "myObject" (if the tween has multiple targets, the others will not be affected):
myAnimation.kill(null, myObject);
//kill only the "x" and "y" properties of animations of the target "myObject":
myAnimation.kill({x:true, y:true}, myObject);
//kill only the "alpha" properties of animations of the targets "myObject1" and "myObject2":
myAnimation.kill({alpha:true}, [myObject1, myObject2]);
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">vars</span>:Object</code> (default = <code>null</code>)<code></code> &mdash; To kill only specific properties, use a generic object containing enumerable properties corresponding to the ones that should be killed, like <code>{x:true, y:true}</code>. The values assigned to each property of the object don't matter - the sole purpose of the object is for iteration over the named properties (in this case, <code>x</code> and <code>y</code>). If no object (or <code>null</code>) is defined, <b>ALL</b> properties will be killed.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">target</span>:Object</code> (default = <code>null</code>)<code></code> &mdash; To kill only aspects of the animation related to a particular target (or targets), reference it here. For example, to kill only parts having to do with <code>myObject</code>, do <code>kill(null, myObject)</code> or to kill only parts having to do with <code>myObject1</code> and <code>myObject2</code>, do <code>kill(null, [myObject1, myObject2])</code>. If no target is defined, <b>ALL</b> targets will be affected.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; self (makes chaining easier)
</td></tr></table></div><a name="pause()"></a><a name="pause(any,Boolean)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">pause</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function pause(atTime:* = null, suppressEvents:Boolean = true):*</code><p></p><p></p><p>
Pauses the instance, optionally jumping to a specific time.
<p>If you define a time to jump to (the first parameter, which could also be a label for TimelineLite
or TimelineMax instances), the playhead moves there immediately and if there are any
events/callbacks inbetween where the playhead was and the new time, they will not be triggered
because by default <code>suppressEvents</code> (the 2nd parameter) is <code>true</code>.
Think of it like picking the needle up on a record player and moving it to a new position
before placing it back on the record. If, however, you do not want the events/callbacks suppressed
during that initial move, simply set the <code>suppressEvents</code> parameter to <code>false</code>.</p>
<div class="listing" version="3.0"><pre>
//pauses wherever the playhead currently is:
myAnimation.pause();
//jumps to exactly 2-seconds into the animation and then pauses:
myAnimation.pause(2);
//jumps to exactly 2-seconds into the animation and pauses but doesn't suppress events during the initial move:
myAnimation.pause(2, false);
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">atTime</span>:*</code> (default = <code>null</code>)<code></code> &mdash; The time (or label for TimelineLite/TimelineMax instances) that the instance should jump to before pausing (if none is defined, it will pause wherever the playhead is currently located).
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">suppressEvents</span>:Boolean</code> (default = <code>true</code>)<code></code> &mdash; If <code>true</code> (the default), no events or callbacks will be triggered when the playhead moves to the new position defined in the <code>atTime</code> parameter.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; self (makes chaining easier)
</td></tr></table></div><a name="paused()"></a><a name="paused(Boolean)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">paused</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function paused(value:Boolean = false):*</code><p></p><p></p><p>
Gets or sets the animation's paused state which indicates whether or not the animation
is currently paused. This does not take into account anscestor timelines. So for example,
a tween that is not paused might appear paused if its parent timeline (or any ancenstor
timeline) is paused. Pausing an animation doesn't remove it from its parent timeline,
but it does cause it not to be factored into the parent timeline's
<code>duration/totalDuration</code>. When an animation completes, it does
<b>NOT</b> alter its paused state.
<p>In most cases, it is easiest to use the <code>pause()</code> method to pause
the animation, and <code>resume()</code> to resume it. But to check the current
state, you must use the <code>paused()</code> method. It can also be useful for
toggling like <code>myAnimation.paused( !myAnimation.paused() );</code></p>
<p>You can set the <code>paused</code> state initially by passing <code>paused:true</code>
in the <code>vars</code> parameter.</p>
<p>This method serves as both a getter and setter. Omitting the parameter returns the current
value (getter), whereas defining the parameter sets the value (setter) and returns the instance
itself for easier chaining, like <code>myAnimation.paused(true).delay(2).timeScale(0.5);</code></p>
<div class="listing" version="3.0"><pre>
var paused = myAnimation.paused(); //gets current paused state
myAnimation.paused( true ); //sets paused state to true (just like pause())
myAnimation.paused( !myAnimation.paused() ); //toggles the paused state
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">value</span>:Boolean</code> (default = <code>false</code>)<code></code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.
</td></tr></table><p><span class="label">See also</span></p><div class="seeAlso"><a href="Animation.html#pause()" target="">pause()</a><br/><a href="Animation.html#resume()" target="">resume()</a><br/><a href="Animation.html#play()" target="">play()</a></div></div><a name="play()"></a><a name="play(any,Boolean)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">play</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function play(from:* = null, suppressEvents:Boolean = true):*</code><p></p><p></p><p>
Begins playing forward, optionally from a specific time (by default playback begins from
wherever the playhead currently is). This also ensures that the instance is neither paused
nor reversed.
<p>If you define a "from" time (the first parameter, which could also be a label for TimelineLite
or TimelineMax instances), the playhead moves there immediately and if there are any
events/callbacks inbetween where the playhead was and the new time, they will not be triggered
because by default <code>suppressEvents</code> (the 2nd parameter) is <code>true</code>.
Think of it like picking the needle up on a record player and moving it to a new position
before placing it back on the record. If, however, you do not want the events/callbacks suppressed
during that initial move, simply set the <code>suppressEvents</code> parameter to <code>false</code>.</p>
<div class="listing" version="3.0"><pre>
//begins playing from wherever the playhead currently is:
myAnimation.play();
//begins playing from exactly 2-seconds into the animation:
myAnimation.play(2);
//begins playing from exactly 2-seconds into the animation but doesn't suppress events during the initial move:
myAnimation.play(2, false);
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">from</span>:*</code> (default = <code>null</code>)<code></code> &mdash; The time (or label for TimelineLite/TimelineMax instances) from which the animation should begin playing (if none is defined, it will begin playing from wherever the playhead currently is).
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">suppressEvents</span>:Boolean</code> (default = <code>true</code>)<code></code> &mdash; If <code>true</code> (the default), no events or callbacks will be triggered when the playhead moves to the new position defined in the <code>from</code> parameter.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; self (makes chaining easier)
</td></tr></table></div><a name="restart()"></a><a name="restart(Boolean,Boolean)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">restart</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function restart(includeDelay:Boolean = false, suppressEvents:Boolean = true):*</code><p></p><p></p><p>
Restarts and begins playing forward from the beginning.
<div class="listing" version="3.0"><pre>
//restarts, not including any delay that was defined
myAnimation.restart();
//restarts, including any delay, and doesn't suppress events during the initial move back to time:0
myAnimation.restart(true, false);
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">includeDelay</span>:Boolean</code> (default = <code>false</code>)<code></code> &mdash; Determines whether or not the delay (if any) is honored when restarting. For example, if a tween has a delay of 1 second, like <code>new TweenLite(mc, 2, {x:100, delay:1});</code> and then later <code>restart()</code> is called, it will begin immediately, but <code>restart(true)</code> will cause the delay to be honored so that it won't begin for another 1 second.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">suppressEvents</span>:Boolean</code> (default = <code>true</code>)<code></code> &mdash; If <code>true</code> (the default), no events or callbacks will be triggered when the playhead moves to the new position defined in the <code>time</code> parameter.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; self (makes chaining easier)
</td></tr></table></div><a name="resume()"></a><a name="resume(any,Boolean)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">resume</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function resume(from:* = null, suppressEvents:Boolean = true):*</code><p></p><p></p><p>
Resumes playing without altering direction (forward or reversed), optionally jumping to a specific time first.
<p>If you define a time to jump to (the first parameter, which could also be a label for TimelineLite
or TimelineMax instances), the playhead moves there immediately and if there are any
events/callbacks inbetween where the playhead was and the new time, they will not be triggered
because by default <code>suppressEvents</code> (the 2nd parameter) is <code>true</code>.
Think of it like picking the needle up on a record player and moving it to a new position
before placing it back on the record. If, however, you do not want the events/callbacks suppressed
during that initial move, simply set the <code>suppressEvents</code> parameter to <code>false</code>.</p>
<div class="listing" version="3.0"><pre>
//resumes from wherever the playhead currently is:
myAnimation.resume();
//jumps to exactly 2-seconds into the animation and then resumes playback:
myAnimation.resume(2);
//jumps to exactly 2-seconds into the animation and resumes playbck but doesn't suppress events during the initial move:
myAnimation.resume(2, false);
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">from</span>:*</code> (default = <code>null</code>)<code></code> &mdash; The time (or label for TimelineLite/TimelineMax instances) that the instance should jump to before resuming playback (if none is defined, it will resume wherever the playhead is currently located).
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">suppressEvents</span>:Boolean</code> (default = <code>true</code>)<code></code> &mdash; If <code>true</code> (the default), no events or callbacks will be triggered when the playhead moves to the new position defined in the <code>from</code> parameter.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; self (makes chaining easier)
</td></tr></table></div><a name="reverse()"></a><a name="reverse(any,Boolean)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">reverse</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function reverse(from:* = null, suppressEvents:Boolean = true):*</code><p></p><p></p><p>
Reverses playback so that all aspects of the animation are oriented backwards including, for example,
a tween's ease. This will cause the instance's <code>time</code> and <code>totalTime</code> to move
back towards zero as well. You can optionally define a specific time to jump to before reversing
(by default it begins playing in reverse from wherever the playhead currently is).
Calling <code>reverse()</code> also ensures that the instance is neither paused nor reversed.
<p>To jump to the very end of the animation and play in reverse from there, use 0 as the
"from" parameter, like <code>reverse(0)</code>.</p>
<p>To check whether or not the instance is reversed, use the <code>reversed()</code> method, like
<code>if (myAnimation.reversed()) {...}</code></p>
<p>If you define a "from" time (the first parameter, which could also be a label for TimelineLite
or TimelineMax instances), the playhead moves there immediately and if there are any
events/callbacks inbetween where the playhead was and the new time, they will not be triggered
because by default <code>suppressEvents</code> (the 2nd parameter) is <code>true</code>.
Think of it like picking the needle up on a record player and moving it to a new position
before placing it back on the record. If, however, you do not want the events/callbacks suppressed
during that initial move, simply set the <code>suppressEvents</code> parameter to <code>false</code>.</p>
<div class="listing" version="3.0"><pre>
//reverses playback from wherever the playhead currently is:
myAnimation.reverse();
//reverses playback from exactly 2 seconds into the animation:
myAnimation.reverse(2);
//reverses playback from exactly 2 seconds into the animation but doesn't suppress events during the initial move:
myAnimation.reverse(2, false);
//reverses playback from the very END of the animation:
myAnimation.reverse(0);
//reverses playback starting from exactly 1 second before the end of the animation:
myAnimation.reverse(-1);
//flips the orientation (if it's forward, it will go backward, if it is backward, it will go forward):
if (myAnimation.reversed()) {
myAnimation.play();
} else {
myAnimation.reverse();
}
//flips the orientation using the reversed() method instead (shorter version of the code above):
myAnimation.reversed( !myAnimation.reversed() );
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">from</span>:*</code> (default = <code>null</code>)<code></code> &mdash; The time (or label for TimelineLite/TimelineMax instances) from which the animation should begin playing in reverse (if none is defined, it will begin playing from wherever the playhead currently is). To begin at the very end of the animation, use <code>0</code>. Negative numbers are relative to the end of the animation, so -1 would be 1 second from the end.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">suppressEvents</span>:Boolean</code> (default = <code>true</code>)<code></code> &mdash; If <code>true</code> (the default), no events or callbacks will be triggered when the playhead moves to the new position defined in the <code>from</code> parameter.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; self (makes chaining easier)
</td></tr></table></div><a name="reversed()"></a><a name="reversed(Boolean)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">reversed</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function reversed(value:Boolean = false):*</code><p></p><p></p><p>
Gets or sets the animation's reversed state which indicates whether or not the animation
should be played backwards. This value is not affected by <code>yoyo</code> repeats
(TweenMax and TimelineMax only) and it does not take into account the reversed state of
anscestor timelines. So for example, a tween that is not reversed might appear reversed
if its parent timeline (or any ancenstor timeline) is reversed.
<p>This method serves as both a getter and setter. Omitting the parameter returns the current
value (getter), whereas defining the parameter sets the value (setter) and returns the instance
itself for easier chaining.</p>
<div class="listing" version="3.0"><pre>
var rev = myAnimation.reversed(); //gets current orientation
myAnimation.reversed( true ); //sets the orientation to reversed
myAnimation.reversed( !myAnimation.reversed() ); //toggles the orientation
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">value</span>:Boolean</code> (default = <code>false</code>)<code></code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.
</td></tr></table><p><span class="label">See also</span></p><div class="seeAlso"><a href="Animation.html#reverse()" target="">reverse()</a><br/><a href="Animation.html#play()" target="">play()</a></div></div><a name="seek()"></a><a name="seek(any,Boolean)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">seek</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function seek(time:*, suppressEvents:Boolean = true):*</code><p></p><p></p><p>
Jumps to a specific time without affecting whether or not the instance is paused or reversed.
<p>If there are any events/callbacks inbetween where the playhead was and the new time,
they will not be triggered because by default <code>suppressEvents</code> (the 2nd parameter)
is <code>true</code>. Think of it like picking the needle up on a record player and moving it
to a new position before placing it back on the record. If, however, you do not want the
events/callbacks suppressed during that initial move, simply set the <code>suppressEvents</code>
parameter to <code>false</code>.</p>
<div class="listing" version="3.0"><pre>
//jumps to exactly 2 seconds
myAnimation.seek(2);
//jumps to exactly 2 seconds but doesn't suppress events during the initial move:
myAnimation.seek(2, false);
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">time</span>:*</code> &mdash; The time (or label for TimelineLite/TimelineMax instances) to go to.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">suppressEvents</span>:Boolean</code> (default = <code>true</code>)<code></code> &mdash; If <code>true</code> (the default), no events or callbacks will be triggered when the playhead moves to the new position defined in the <code>time</code> parameter.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; self (makes chaining easier)
</td></tr></table></div><a name="startTime()"></a><a name="startTime(Number)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">startTime</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function startTime(value:Number):*</code><p></p><p></p><p>
Gets or sets the time at which the animation begins on its parent timeline (after any <code>delay</code>
that was defined). For example, if a tween starts at exactly 3 seconds into the timeline
on which it is placed, the tween's <code>startTime</code> would be 3.
<p>The <code>startTime</code> may be automatically adjusted to make the timing appear
seamless if the parent timeline's <code>smoothChildTiming</code> property is <code>true</code>
and a timing-dependent change is made on-the-fly, like <code>reverse()</code> is called or
<code>timeScale()</code> is changed, etc. See the documentation for the <code>smoothChildTiming</code>
property of timelines for more details.</p>
<p>This method serves as both a getter and setter. Omitting the parameter returns the current
value (getter), whereas defining the parameter sets the value (setter) and returns the instance
itself for easier chaining.</p>
<div class="listing" version="3.0"><pre>
var start = myAnimation.startTime(); //gets current start time
myAnimation.startTime(2); //sets the start time
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">value</span>:Number</code> (default = <code>NaN</code>)<code></code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.
</td></tr></table></div><a name="time()"></a><a name="time(Number,Boolean)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">time</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function time(value:Number, suppressEvents:Boolean = false):*</code><p></p><p></p><p>
Gets or sets the local position of the playhead (essentially the current time),
described in seconds (or frames for frames-based animations) which
will never be less than 0 or greater than the animation's <code>duration</code>.
For example, if the <code>duration</code> is 10 and you were to watch the
<code>time</code> during the course of the animation, you'd see it go from 0
at the beginning to 10 at the end. Setting <code>time</code> to 5 would cause the
animation to jump to its midway point (because it's half of the duration).
<p>This method serves as both a getter and setter. Omitting the parameter returns the current
value (getter), whereas defining the parameter sets the value (setter) and returns the instance
itself for easier chaining.</p>
<div class="listing" version="3.0"><pre>
var currentTime = myAnimation.time(); //gets current time
myAnimation.time(2); //sets time, jumping to new value just like seek().
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">value</span>:Number</code> (default = <code>NaN</code>)<code></code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining. Negative values will be interpreted from the <b>END</b> of the animation.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">suppressEvents</span>:Boolean</code> (default = <code>false</code>)<code></code> &mdash; If <code>true</code>, no events or callbacks will be triggered when the playhead moves to the new position defined in the <code>value</code> parameter.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.
</td></tr></table><p><span class="label">See also</span></p><div class="seeAlso"><a href="Animation.html#seek()" target="">seek()</a><br/><a href="Animation.html#play()" target="">play()</a><br/><a href="Animation.html#reverse()" target="">reverse()</a><br/><a href="Animation.html#pause()" target="">pause()</a><br/><a href="Animation.html#totalTime()" target="">totalTime()</a></div></div><a name="timeScale()"></a><a name="timeScale(Number)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">timeScale</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function timeScale(value:Number):*</code><p></p><p></p><p>
Factor that's used to scale time in the animation where 1 = normal speed (the default),
0.5 = half speed, 2 = double speed, etc. For example, if an animation's <code>duration</code>
is 2 but its <code>timeScale</code> is 0.5, it will take 4 seconds to finish. If you nest that
animation in a timeline whose <code>timeScale</code> is 0.5 as well, it would take 8 seconds
to finish. You can even tween the <code>timeScale</code> to gradually slow it down or speed it up.
<p>This method serves as both a getter and setter. Omitting the parameter returns the current
value (getter), whereas defining the parameter sets the value (setter) and returns the instance
itself for easier chaining, like <code>myAnimation.timeScale(2).play(1);</code></p>
<div class="listing" version="3.0"><pre>
var currentTimeScale = myAnimation.timeScale(); //gets current timeScale
myAnimation.timeScale( 0.5 ); //sets timeScale to half-speed
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">value</span>:Number</code> (default = <code>NaN</code>)<code></code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.
</td></tr></table><p><span class="label">See also</span></p><div class="seeAlso"><a href="Animation.html#duration()" target="">duration()</a></div></div><a name="totalDuration()"></a><a name="totalDuration(Number)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">totalDuration</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function totalDuration(value:Number):*</code><p></p><p></p><p>
Gets or sets the animation's <b>total</b> duration including
any repeats or repeatDelays (which are only available in TweenMax and TimelineMax).
For example, if a TweenMax instance has a <code>duration</code> of 2 and a repeat of 3,
its <code>totalDuration</code> would be 8 (one standard play plus 3 repeats equals 4 total cycles).
<p>This method serves as both a getter and setter. Omitting the parameter returns the current
value (getter), whereas defining the parameter sets the value (setter) and returns the instance
itself for easier chaining, like <code>myAnimation.totalDuration(2).delay(0.5).play(1);</code></p>
<div class="listing" version="3.0"><pre>
var ctd = myAnimation.totalDuration(); //gets current total duration
myAnimation.totalDuration(2); //sets total duration
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">value</span>:Number</code> (default = <code>NaN</code>)<code></code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.
</td></tr></table><p><span class="label">See also</span></p><div class="seeAlso"><a href="Animation.html#duration()" target="">duration()</a><br/><a href="Animation.html#timeScale()" target="">timeScale()</a></div></div><a name="totalTime()"></a><a name="totalTime(Number,Boolean)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">totalTime</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public function totalTime(time:Number, suppressEvents:Boolean = false):*</code><p></p><p></p><p>
Gets or sets the position of the playhead according to the <code>totalDuration</code>
which <b>includes any repeats and repeatDelays</b> (only available
in TweenMax and TimelineMax). For example, if a TweenMax instance has a
<code>duration</code> of 2 and a <code>repeat</code> of 3, <code>totalTime</code>
will go from 0 to 8 during the course of the tween (plays once then repeats 3 times,
making 4 total cycles) whereas <code>time</code> will go from 0 to 2 a total of 4 times.
If you added a <code>repeatDelay</code> of 1, that would make the <code>totalTime</code>
go from 0 to 11 over the course of the tween.
<p>This method serves as both a getter and setter. Omitting the parameter returns the current
value (getter), whereas defining the parameter sets the value (setter) and returns the instance
itself for easier chaining.</p>
<p><code>totalTime</code> will never exceed the <code>totalDuration</code>, nor will it be
less than 0 (values will be clipped appropriately). Negative values will be interpreted from
the <b>END</b> of the animation. For example, -2 would be 2 seconds before the end. If the
animation's <code>totalDuration</code> is 6 and you do <code>myAnimation.totalTime(-2)</code>,
it will jump to a <code>totalTime</code> of 4.</p>
<div class="listing" version="3.0"><pre>
var tt = myAnimation.totalTime(); //gets total time
myAnimation.totalTime(2); //sets total time, jumping to new value just like seek().
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">time</span>:Number</code> (default = <code>NaN</code>)<code></code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining. Negative values will be interpreted from the <b>END</b> of the animation.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">suppressEvents</span>:Boolean</code> (default = <code>false</code>)<code></code> &mdash; If <code>true</code>, no events or callbacks will be triggered when the playhead moves to the new position defined in the <code>time</code> parameter.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.
</td></tr></table><p><span class="label">See also</span></p><div class="seeAlso"><a href="Animation.html#time()" target="">time()</a><br/><a href="Animation.html#seek()" target="">seek()</a><br/><a href="Animation.html#play()" target="">play()</a><br/><a href="Animation.html#reverse()" target="">reverse()</a><br/><a href="Animation.html#pause()" target="">pause()</a></div></div><br/><br/><hr><br/><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 -->

97
duo/js/greensock-v12-js/docs/com/greensock/core/SimpleTimeline.html 100755
View File

@ -0,0 +1,97 @@
<!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"><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"><meta name="keywords" content="SimpleTimeline,com.greensock.core.SimpleTimeline,autoRemoveChildren,data,smoothChildTiming,ticker,timeline,vars,delay,duration,eventCallback,insert,invalidate,kill,pause,paused,play,render,restart,resume,reverse,reversed,seek,startTime,time,timeScale,totalDuration,totalTime"><title>com.greensock.core.SimpleTimeline</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 = 'SimpleTimeline - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/core/SimpleTimeline.html&amp;com/greensock/core/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">SimpleTimeline</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a>&nbsp;| <a href="#methodSummary">Methods</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("SimpleTimeline"); titleBar_setSubNav(false,true,false,false,false,false,false,false,true,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.core</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class SimpleTimeline</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">SimpleTimeline <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> <a href="../../../com/greensock/core/Animation.html">Animation</a> <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr><tr><td class="classHeaderTableLabel">Subclasses</td><td> <a href="../../../com/greensock/TimelineLite.html">TimelineLite</a></td></tr></table><p></p><p></p><p></p>
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. It is meant to be very fast and lightweight.
<p>
<b>Copyright 2008-2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><div class="showHideLinks"><div id="hideInheritedProperty" class="hideInheritedProperty"><a class="showHideLink" href="#propertySummary" onclick="javascript:setInheritedVisible(false,'Property');"><img class="showHideLinkImage" src="../../../images/expanded.gif"> Hide Inherited Public Properties</a></div><div id="showInheritedProperty" class="showInheritedProperty"><a class="showHideLink" href="#propertySummary" onclick="javascript:setInheritedVisible(true,'Property');"><img class="showHideLinkImage" src="../../../images/collapsed.gif"> Show Inherited Public Properties</a></div></div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#autoRemoveChildren" class="signatureLink">autoRemoveChildren</a> : Boolean<div class="summaryTableDescription"> If true, child tweens/timelines will be removed as soon as they complete.</div></td><td class="summaryTableOwnerCol">SimpleTimeline</td></tr><tr class="hideInheritedProperty"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><a href="../../../com/greensock/core/Animation.html#data" class="signatureLink">data</a> : *<div class="summaryTableDescription"> A place to store any data you want (initially populated with vars.data if it exists).</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#smoothChildTiming" class="signatureLink">smoothChildTiming</a> : Boolean<div class="summaryTableDescription">
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.</div></td><td class="summaryTableOwnerCol">SimpleTimeline</td></tr><tr class="hideInheritedProperty"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><a href="../../../com/greensock/core/Animation.html#ticker" class="signatureLink">ticker</a> : Shape<div class="summaryTableDescription">[static]
The object that dispatches a "tick" event each time the engine updates, making it easy for
you to add your own listener(s) to run custom logic after each update (great for game developers).</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedProperty"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><a href="../../../com/greensock/core/Animation.html#timeline" class="signatureLink">timeline</a> : <a href="../../../com/greensock/core/SimpleTimeline.html">SimpleTimeline</a><div class="summaryTableDescription"> [Read-only] Parent timeline.</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedProperty"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><a href="../../../com/greensock/core/Animation.html#vars" class="signatureLink">vars</a> : Object<div class="summaryTableDescription"> The vars object passed into the constructor which stores configuration variables like onComplete, onUpdate, etc.</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr></table></div><a name="methodSummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Methods </div><div class="showHideLinks"><div id="hideInheritedMethod" class="hideInheritedMethod"><a class="showHideLink" href="#methodSummary" onclick="javascript:setInheritedVisible(false,'Method');"><img class="showHideLinkImage" src="../../../images/expanded.gif"> Hide Inherited Public Methods</a></div><div id="showInheritedMethod" class="showInheritedMethod"><a class="showHideLink" href="#methodSummary" onclick="javascript:setInheritedVisible(true,'Method');"><img class="showHideLinkImage" src="../../../images/collapsed.gif"> Show Inherited Public Methods</a></div></div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableMethod"><tr><th>&nbsp;</th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#SimpleTimeline()" class="signatureLink">SimpleTimeline</a>(vars:Object = null)</div><div class="summaryTableDescription">
Constructor
</div></td><td class="summaryTableOwnerCol">SimpleTimeline</td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#delay()" class="signatureLink">delay</a>(value:Number):*</div><div class="summaryTableDescription">
Gets or sets the animation's initial delay which is the length of time in seconds
(or frames for frames-based tweens) before the animation should begin.</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#duration()" class="signatureLink">duration</a>(value:Number):*</div><div class="summaryTableDescription">
Gets or sets the animation's duration, not including any repeats or repeatDelays
(which are only available in TweenMax and TimelineMax).</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#eventCallback()" class="signatureLink">eventCallback</a>(type:String, callback:Function = null, params:Array = null, scope:* = null):*</div><div class="summaryTableDescription">
Gets or sets an event callback like "onComplete", "onUpdate", "onStart", "onReverseComplete"
or "onRepeat" (onRepeat only applies to TweenMax or TimelineMax instances)
along with any parameters that should be passed to that callback.</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#insert()" class="signatureLink">insert</a>(tween:*, time:* = 0):*</div><div class="summaryTableDescription">
Inserts a TweenLite, TweenMax, TimelineLite, or TimelineMax instance into the timeline at a specific time.</div></td><td class="summaryTableOwnerCol">SimpleTimeline</td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#invalidate()" class="signatureLink">invalidate</a>():*</div><div class="summaryTableDescription">
Clears any initialization data (like starting/ending values in tweens) which can be useful if, for example,
you want to restart a tween without reverting to any previously recorded starting values.</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#kill()" class="signatureLink">kill</a>(vars:Object = null, target:Object = null):*</div><div class="summaryTableDescription">
Kills the animation entirely or in part depending on the parameters.</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#pause()" class="signatureLink">pause</a>(atTime:* = null, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Pauses the instance, optionally jumping to a specific time.</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#paused()" class="signatureLink">paused</a>(value:Boolean = false):*</div><div class="summaryTableDescription">
Gets or sets the animation's paused state which indicates whether or not the animation
is currently paused.</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#play()" class="signatureLink">play</a>(from:* = null, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Begins playing forward, optionally from a specific time (by default playback begins from
wherever the playhead currently is).</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#render()" class="signatureLink">render</a>(time:Number, suppressEvents:Boolean = false, force:Boolean = false):void</div><div class="summaryTableDescription">[override] </div></td><td class="summaryTableOwnerCol">SimpleTimeline</td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#restart()" class="signatureLink">restart</a>(includeDelay:Boolean = false, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Restarts and begins playing forward from the beginning.</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#resume()" class="signatureLink">resume</a>(from:* = null, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Resumes playing without altering direction (forward or reversed), optionally jumping to a specific time first.</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#reverse()" class="signatureLink">reverse</a>(from:* = null, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Reverses playback so that all aspects of the animation are oriented backwards including, for example,
a tween's ease.</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#reversed()" class="signatureLink">reversed</a>(value:Boolean = false):*</div><div class="summaryTableDescription">
Gets or sets the animation's reversed state which indicates whether or not the animation
should be played backwards.</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#seek()" class="signatureLink">seek</a>(time:*, suppressEvents:Boolean = true):*</div><div class="summaryTableDescription">
Jumps to a specific time without affecting whether or not the instance is paused or reversed.</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#startTime()" class="signatureLink">startTime</a>(value:Number):*</div><div class="summaryTableDescription">
Gets or sets the time at which the animation begins on its parent timeline (after any delay
that was defined).</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#time()" class="signatureLink">time</a>(value:Number, suppressEvents:Boolean = false):*</div><div class="summaryTableDescription">
Gets or sets the local position of the playhead (essentially the current time),
described in seconds (or frames for frames-based animations) which
will never be less than 0 or greater than the animation's duration.</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#timeScale()" class="signatureLink">timeScale</a>(value:Number):*</div><div class="summaryTableDescription">
Factor that's used to scale time in the animation where 1 = normal speed (the default),
0.5 = half speed, 2 = double speed, etc.</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#totalDuration()" class="signatureLink">totalDuration</a>(value:Number):*</div><div class="summaryTableDescription">
Gets or sets the animation's total duration including
any repeats or repeatDelays (which are only available in TweenMax and TimelineMax).</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/core/Animation.html#totalTime()" class="signatureLink">totalTime</a>(time:Number, suppressEvents:Boolean = false):*</div><div class="summaryTableDescription">
Gets or sets the position of the playhead according to the totalDuration
which includes any repeats and repeatDelays (only available
in TweenMax and TimelineMax).</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/core/Animation.html">Animation</a></td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="autoRemoveChildren"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">autoRemoveChildren</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public var autoRemoveChildren:Boolean</code><p></p><p></p><p> If <code>true</code>, child tweens/timelines will be removed as soon as they complete. (<code>false</code> by default except on the root timeline(s)) </p></div><a name="propertyDetail"></a><a name="smoothChildTiming"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">smoothChildTiming</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public var smoothChildTiming:Boolean</code><p></p><p></p><p>
Controls whether or not child tweens/timelines are repositioned automatically (changing their <code>startTime</code>)
in order to maintain smooth playback when properties are changed on-the-fly. For example, imagine that
the timeline's playhead is on a child tween that is 75% complete, moving mc.x from 0 to 100 and then
that tween's <code>reverse()</code> method is called. If <code>smoothChildTiming</code> is <code>false</code>
(the default except for the root timelines), the tween would flip in place, keeping its <code>startTime</code>
consistent. Therefore the playhead of the timeline would now be at the tween's 25% completion point instead
of 75%. Remember, the timeline's playhead position and direction are unaffected by child tween/timeline changes.
mc.x would jump from 75 to 25, but the tween's position in the timeline would remain consistent.
However, if <code>smoothChildTiming</code> is <code>true</code>, that child tween's <code>startTime</code> would
be adjusted so that the timeline's playhead intersects with the same spot on the tween (75% complete) as it had
immediately before <code>reverse()</code> was called, thus playback appears perfectly smooth. mc.x would
still be 75 and it would continue from there as the playhead moves on, but since the tween is reversed now
mc.x will travel back towards 0 instead of 100. Ultimately it's a decision between prioritizing smooth
on-the-fly playback (<code>true</code>) or consistent position(s) of child tweens/timelines (<code>false</code>).
<p>Some examples of on-the-fly changes to child tweens/timelines that could cause their <code>startTime</code>
to change when <code>smoothChildTiming</code> is <code>true</code> are: <code>reversed, timeScale, progress,
totalProgress, time, totalTime, delay, pause, resume, duration,</code> and <code>totalDuration</code>.</p>
</p></div><a name="constructorDetail"></a><div class="detailSectionHeader">Constructor Detail</div><a name="SimpleTimeline()"></a><a name="SimpleTimeline(Object)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">SimpleTimeline</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">Constructor</td></tr></table><div class="detailBody"><code>public function SimpleTimeline(vars:Object = null)</code><p></p><p>
Constructor
</p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">vars</span>:Object</code> (default = <code>null</code>)<code></code> &mdash; Object containing configuration variables like onComplete, onUpdate, onStart, data, etc.
</td></tr></table></div><a name="methodDetail"></a><div class="detailSectionHeader">Method Detail</div><a name="insert()"></a><a name="insert(any,any)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">insert</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td></tr></table><div class="detailBody"><code> public function insert(tween:*, time:* = 0):*</code><p></p><p></p><p>
Inserts a TweenLite, TweenMax, TimelineLite, or TimelineMax instance into the timeline at a specific time.
In classes like TimelineLite and TimelineMax that override this method, it allows things like callbacks,
labels, and arrays of tweens/timelines/callbacks/labels to be inserted too. They also allow the time to
be defined in terms of either a numeric time or a label (String).
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">tween</span>:*</code> &mdash; TweenLite, TweenMax, TimelineLite, or TimelineMax instance to insert
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">time</span>:*</code> (default = <code>0</code>)<code></code> &mdash; The time in seconds (or frames for frames-based timelines) at which the tween/timeline should be inserted. For example, <code>myTimeline.insert(myTween, 3)</code> would insert myTween 3 seconds into the timeline.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>*</code> &mdash; this timeline instance (useful for chaining like <code>myTimeline.insert(...).insert(...)</code>)
</td></tr></table></div><a name="render()"></a><a name="render(Number,Boolean,Boolean)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">render</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>override public function render(time:Number, suppressEvents:Boolean = false, force:Boolean = false):void</code><p></p><p></p><p> </p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">time</span>:Number</code></td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">suppressEvents</span>:Boolean</code> (default = <code>false</code>)<code></code></td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">force</span>:Boolean</code> (default = <code>false</code>)<code></code></td></tr></table></p></div><br/><br/><hr><br/><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 -->

1
duo/js/greensock-v12-js/docs/com/greensock/core/class-list.html 100755
View File

@ -0,0 +1 @@
<!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>com.greensock.core - GreenSock JavaScript Documentation</title><base target="classFrame"><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 class="classFrameContent"><h3><a href="package-detail.html" target="classFrame" style="color:black">Package com.greensock.core</a></h3><table cellpadding="0" cellspacing="0"><tr><td><a href="package-detail.html#classSummary" style="color:black"><b>Classes</b></a></td></tr><tr><td><a href="Animation.html">Animation</a></td></tr><tr><td><a href="SimpleTimeline.html">SimpleTimeline</a></td></tr></table></body></html><!--<br/>Thu Dec 20 2012, 04:30 PM -06:00 -->

19
duo/js/greensock-v12-js/docs/com/greensock/core/package-detail.html 100755
View File

@ -0,0 +1,19 @@
<!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.core 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.core 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/core/package-detail.html&amp;com/greensock/core/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.core</td><td class="titleTableSubNav" id="subNav" align="right"><a href="package-detail.html#classSummary">Classes</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("com.greensock.core"); 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>&nbsp;</th><th width="30%">Class</th><th width="70%">Description</th></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Animation.html">Animation</a></td><td class="summaryTableLastCol">
Base class for all TweenLite, TweenMax, TimelineLite, and TimelineMax classes, providing
core methods/properties/functionality, but there is no reason to create an instance of this
class directly.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="SimpleTimeline.html">SimpleTimeline</a></td><td class="summaryTableLastCol">
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></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 -->

28
duo/js/greensock-v12-js/docs/com/greensock/easing/Back.html 100755
View File

@ -0,0 +1,28 @@
<!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"><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"><meta name="keywords" content="Back,com.greensock.easing.Back,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Back</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 = 'Back - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Back.html&amp;com/greensock/easing/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">Back</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Back"); titleBar_setSubNav(false,true,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Back</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Back <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Eases with an overshoot either at the beginning (easeIn), the end (easeOut), or both (easeInOut).
<code>Back</code> is a convenience class that congregates the 3 types of Back eases (BackIn, BackOut,
and BackInOut) as static properties so that they can be referenced using the standard synatax, like
<code>Back.easeIn</code>, <code>Back.easeOut</code>, and <code>Back.easeInOut</code>.
<p>You can configure the amount of overshoot using the <code>config()</code> method, like
<code>TweenLite.to(obj, 1, {x:100, ease:Back.easeOut.config(3)});</code>
</p>
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : BackIn<div class="summaryTableDescription">[static] Eases in with an overshoot, initially dipping below the starting value before accelerating towards the end.</div></td><td class="summaryTableOwnerCol">Back</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : BackInOut<div class="summaryTableDescription">[static] Eases in and out with an overshoot, initially dipping below the starting value before accelerating towards the end, overshooting it and easing out.</div></td><td class="summaryTableOwnerCol">Back</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : BackOut<div class="summaryTableDescription">[static] Eases out with an overshoot.</div></td><td class="summaryTableOwnerCol">Back</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var easeIn:BackIn</code><p></p><p></p><p> Eases in with an overshoot, initially dipping below the starting value before accelerating towards the end. </p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:BackInOut</code><p></p><p></p><p> Eases in and out with an overshoot, initially dipping below the starting value before accelerating towards the end, overshooting it and easing out. </p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:BackOut</code><p></p><p></p><p> Eases out with an overshoot. </p></div><br/><br/><hr><br/><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 -->

24
duo/js/greensock-v12-js/docs/com/greensock/easing/Bounce.html 100755
View File

@ -0,0 +1,24 @@
<!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"><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"><meta name="keywords" content="Bounce,com.greensock.easing.Bounce,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Bounce</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 = 'Bounce - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Bounce.html&amp;com/greensock/easing/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">Bounce</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Bounce"); titleBar_setSubNav(false,true,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Bounce</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Bounce <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Eases, bouncing either at the beginning (easeIn), the end (easeOut), or both (easeInOut).
<code>Bounce</code> is a convenience class that congregates the 3 types of Bounce eases (BounceIn, BounceOut,
and BounceInOut) as static properties so that they can be referenced using the standard synatax, like
<code>Bounce.easeIn</code>, <code>Bounce.easeOut</code>, and <code>Bounce.easeInOut</code>.
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : BounceIn<div class="summaryTableDescription">[static] Bounces slightly at first, then to a greater degree over time, accelerating as the ease progresses.</div></td><td class="summaryTableOwnerCol">Bounce</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : BounceInOut<div class="summaryTableDescription">[static] Bounces in increasing degree towards the center of the ease, then eases out, bouncing to the end (decreasing in degree at the end).</div></td><td class="summaryTableOwnerCol">Bounce</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : BounceOut<div class="summaryTableDescription">[static] Eases out, bouncing at the end.</div></td><td class="summaryTableOwnerCol">Bounce</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var easeIn:BounceIn</code><p></p><p></p><p> Bounces slightly at first, then to a greater degree over time, accelerating as the ease progresses. </p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:BounceInOut</code><p></p><p></p><p> Bounces in increasing degree towards the center of the ease, then eases out, bouncing to the end (decreasing in degree at the end). </p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:BounceOut</code><p></p><p></p><p> Eases out, bouncing at the end. </p></div><br/><br/><hr><br/><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 -->

24
duo/js/greensock-v12-js/docs/com/greensock/easing/Circ.html 100755
View File

@ -0,0 +1,24 @@
<!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"><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"><meta name="keywords" content="Circ,com.greensock.easing.Circ,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Circ</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 = 'Circ - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Circ.html&amp;com/greensock/easing/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">Circ</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Circ"); titleBar_setSubNav(false,true,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Circ</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Circ <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Eases with an abrupt change in velocity either at the beginning (easeIn), the end (easeOut), or both (easeInOut).
<code>Circ</code> is a convenience class that congregates the 3 types of Circ eases (CircIn, CircOut,
and CircInOut) as static properties so that they can be referenced using the standard synatax, like
<code>Circ.easeIn</code>, <code>Circ.easeOut</code>, and <code>Circ.easeInOut</code>.
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : CircIn<div class="summaryTableDescription">[static] Eases in with an abrupt change in velocity.</div></td><td class="summaryTableOwnerCol">Circ</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : CircInOut<div class="summaryTableDescription">[static] Eases in and out with an abrupt change in velocity.</div></td><td class="summaryTableOwnerCol">Circ</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : CircOut<div class="summaryTableDescription">[static] Eases out with an abrupt change in velocity.</div></td><td class="summaryTableOwnerCol">Circ</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var easeIn:CircIn</code><p></p><p></p><p> Eases in with an abrupt change in velocity. </p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:CircInOut</code><p></p><p></p><p> Eases in and out with an abrupt change in velocity. </p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:CircOut</code><p></p><p></p><p> Eases out with an abrupt change in velocity. </p></div><br/><br/><hr><br/><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 -->

37
duo/js/greensock-v12-js/docs/com/greensock/easing/Cubic.html 100755
View File

@ -0,0 +1,37 @@
<!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"><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"><meta name="keywords" content="Cubic,com.greensock.easing.Cubic,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Cubic</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 = 'Cubic - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Cubic.html&amp;com/greensock/easing/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">Cubic</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Cubic"); titleBar_setSubNav(false,true,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Cubic</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Cubic <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Provides an <code>easeIn</code>, <code>easeOut</code>, and <code>easeInOut</code> with a power (or strength)
of 2 which is identical to the <code>Power2</code> ease. The more power, the more
exaggerated the easing effect. Using a numeric approach like Power2 instead of Cubic makes experimenting
easier and the code reads more intuitively.
<p>This is one of the eases that is natively accelerated in TweenLite and TweenMax. All of the
"Power" eases and their counterparts (Linear (0), Quad (1), Cubic (2), Quart (3), Quint (4), and Strong (4)) are
accelerated.</p>
<p>
<b>Example usage:</b>
</p>
<p>
<code>
TweenLite.to(obj, 1, {x:100, ease:Cubic.easeOut});
</code>
</p>
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in with a power of 2 </div></td><td class="summaryTableOwnerCol">Cubic</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] eases in and then out with a power of 2 </div></td><td class="summaryTableOwnerCol">Cubic</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases out with a power of 2 </div></td><td class="summaryTableOwnerCol">Cubic</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var easeIn:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in with a power of 2 </p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> eases in and then out with a power of 2 </p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases out with a power of 2 </p></div><br/><br/><hr><br/><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 -->

74
duo/js/greensock-v12-js/docs/com/greensock/easing/Ease.html 100755
View File

@ -0,0 +1,74 @@
<!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"><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"><meta name="keywords" content="Ease,com.greensock.easing.Ease,config,config,find,getRatio,getRatio,getRatio"><title>com.greensock.easing.Ease</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 = 'Ease - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Ease.html&amp;com/greensock/easing/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">Ease</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#methodSummary">Methods</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Ease"); titleBar_setSubNav(false,false,false,false,false,false,false,false,true,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class Ease</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Ease <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr><tr><td class="classHeaderTableLabel">Subclasses</td><td> <a href="../../../com/greensock/easing/Linear.html">Linear</a>, <a href="../../../com/greensock/easing/SlowMo.html">SlowMo</a>, <a href="../../../com/greensock/easing/SteppedEase.html">SteppedEase</a></td></tr></table><p></p><p></p><p></p>
Base class for all GreenSock easing equations. In its simplest form, an Ease
is responsible for translating linear time (typically represented as a number
between 0 and 1 where 0 is the beginning, 0.5 is halfway complete, and 1 is
the end) into a value that has a different rate of change but still starts
at 0 and ends at 1. In the GreenSock platform, eases are used to give
tweens/animations the look and feel that the animator desires. For example,
a ball rolling to a stop would decelerate over time (easeOut) rather than using
a linear velocity. An Elastic ease could be used to make an object appear as
though it is loosely attached somewhere and is snapping into place with loose
(or tight) tension.
<p>All Ease instances have a <code>getRatio()</code> method that is responsible
for the translation of the progress ratio which the tween typically feeds in.
End users almost never need to directly feed any values to or get any values from
an Ease instance - the tweens will do that internally.</p>
<p>The base Ease class handles most of the common power-based easeIn/easeOut/eaesInOut
calculations (like Linear, Quad, Cubic, Quart, Quint, and Strong) internally.
You can define a separate function that uses what was considered the 4 standard
easing parameters by Adobe and many others (time, start, change, duration) and
Ease will serve as a proxy in order to maximize backwards compatibility and usability.
For example, if you have a custom method that you created like this:</p>
<div class="listing" version="3.0"><pre>
function myEase(t:Number, s:Number, c:Number, d:Number):Number {
return s+(t=t/d);
}
</pre></div>
You could still use that by wrapping Ease around it like this:
<div class="listing" version="3.0"><pre>
import com.greensock.*;
import com.greensock.easing.*;
TweenLite.to(mc, 5, {x:600, ease:new Ease(myEase)});
</pre></div>
<p>In the above example, the anytime the Ease's <code>getRatio()</code> method is called, it
would feed the first parameter as a ratio between 0 and 1 and the rest of the 3 parameters
would always be 0, 1, 1. This is all done transparently by TweenLite/TweenMax, so you
really shouldn't need to worry about this.</p>
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="methodSummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Methods </div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableMethod"><tr><th>&nbsp;</th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#Ease()" class="signatureLink">Ease</a>(func:Function = null, extraParams:Array = null, type:Number = 0, power:Number = 0)</div><div class="summaryTableDescription">
Constructor
</div></td><td class="summaryTableOwnerCol">Ease</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#getRatio()" class="signatureLink">getRatio</a>(p:Number):Number</div><div class="summaryTableDescription">
Translates the tween's progress ratio into the corresponding ease ratio.</div></td><td class="summaryTableOwnerCol">Ease</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><a name="constructorDetail"></a><div class="detailSectionHeader">Constructor Detail</div><a name="Ease()"></a><a name="Ease(Function,Array,Number,Number)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">Ease</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">Constructor</td></tr></table><div class="detailBody"><code>public function Ease(func:Function = null, extraParams:Array = null, type:Number = 0, power:Number = 0)</code><p></p><p>
Constructor
</p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">func</span>:Function</code> (default = <code>null</code>)<code></code> &mdash; Function (if any) that should be proxied. This is completely optional and is in fact rarely used except when you have your own custom ease function that follows the standard ease parameter pattern like time, start, change, duration.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">extraParams</span>:Array</code> (default = <code>null</code>)<code></code> &mdash; If any extra parameters beyond the standard 4 (time, start, change, duration) need to be fed to the <code>func</code> function, define them as an array here. For example, the old Elastic.easeOut accepts 2 extra parameters in its standard equation (although the newer GreenSock version uses the more modern <code>config()</code> method for configuring the ease and doesn't require any extraPrams here)
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">type</span>:Number</code> (default = <code>0</code>)<code></code> &mdash; Integer indicating the type of ease where 1 is easeOut, 2 is easeIn, 3 is easeInOut, and 0 is none of these.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">power</span>:Number</code> (default = <code>0</code>)<code></code> &mdash; Power of the ease where Linear is 0, Quad is 1, Cubic is 2, Quart is 3, Quint (and Strong) is 4, etc.
</td></tr></table></div><a name="methodDetail"></a><div class="detailSectionHeader">Method Detail</div><a name="getRatio()"></a><a name="getRatio(Number)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">getRatio</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td></tr></table><div class="detailBody"><code> public function getRatio(p:Number):Number</code><p></p><p></p><p>
Translates the tween's progress ratio into the corresponding ease ratio. This is the heart of the Ease, where it does all its work.
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">p</span>:Number</code> &mdash; progress ratio (a value between 0 and 1 indicating the progress of the tween/ease)
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>Number</code> &mdash; translated number
</td></tr></table></div><br/><br/><hr><br/><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 -->

41
duo/js/greensock-v12-js/docs/com/greensock/easing/EaseLookup.html 100755
View File

@ -0,0 +1,41 @@
<!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"><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"><meta name="keywords" content="EaseLookup,com.greensock.easing.EaseLookup,config,config,find,getRatio,getRatio,getRatio"><title>com.greensock.easing.EaseLookup</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 = 'EaseLookup - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/EaseLookup.html&amp;com/greensock/easing/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">EaseLookup</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#methodSummary">Methods</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("EaseLookup"); titleBar_setSubNav(false,false,false,false,false,false,false,false,true,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class EaseLookup</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">EaseLookup <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
EaseLookup enables you to find the easing function associated with a particular name (String),
like "strongEaseOut" which can be useful when loading in XML data that comes in as Strings but
needs to be translated to native function references.
<p>
<b>Copyright 2008-2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="methodSummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Methods </div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableMethod"><tr><th>&nbsp;</th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#find()" class="signatureLink">find</a>(name:String):<a href="../../../com/greensock/easing/Ease.html">Ease</a></div><div class="summaryTableDescription">[static]
Finds the easing function associated with a particular name (String), like "strongEaseOut".</div></td><td class="summaryTableOwnerCol">EaseLookup</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><a name="methodDetail"></a><div class="detailSectionHeader">Method Detail</div><a name="find()"></a><a name="find(String)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">find</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td></tr></table><div class="detailBody"><code> public static function find(name:String):<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p>
Finds the easing function associated with a particular name (String), like "strongEaseOut". This can be useful when
loading in XML data that comes in as Strings but needs to be translated to native function references. You can pass in
the name with or without the period, and it is case insensitive, so any of the following will find the Strong.easeOut function:
<p><code>EaseLookup.find("Strong.easeOut") </code></p>
<p><code>EaseLookup.find("strongEaseOut") </code></p>
<p><code>EaseLookup.find("strongeaseout") </code></p>
<p>You can translate strings directly when tweening, like this:</p>
<p><code>
TweenLite.to(mc, 1, {x:100, ease:EaseLookup.find(myString)});
</code></p>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">name</span>:String</code> &mdash; The name of the easing function, with or without the period and case insensitive (i.e. "Strong.easeOut" or "strongEaseOut")
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code><a href="../../../com/greensock/easing/Ease.html">Ease</a></code> &mdash; The easing function associated with the name
</td></tr></table></div><br/><br/><hr><br/><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 -->

28
duo/js/greensock-v12-js/docs/com/greensock/easing/Elastic.html 100755
View File

@ -0,0 +1,28 @@
<!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"><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"><meta name="keywords" content="Elastic,com.greensock.easing.Elastic,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Elastic</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 = 'Elastic - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Elastic.html&amp;com/greensock/easing/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">Elastic</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Elastic"); titleBar_setSubNav(false,true,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Elastic</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Elastic <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Eases with an elastic effect either at the beginning (easeIn), the end (easeOut), or both (easeInOut).
<code>Elastic</code> is a convenience class that congregates the 3 types of Elastic eases (ElasticIn, ElasticOut,
and ElasticInOut) as static properties so that they can be referenced using the standard synatax, like
<code>Elastic.easeIn</code>, <code>Elastic.easeOut</code>, and <code>Elastic.easeInOut</code>.
<p>You can configure the amplitude and period of the sine wave using the <code>config()</code> method, like
<code>TweenLite.to(obj, 1, {x:100, ease:Elastic.easeOut.config(0.5, 2)});</code>
</p>
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : ElasticIn<div class="summaryTableDescription">[static] Eases using a sine wave that starts slowly and then accelerates over time </div></td><td class="summaryTableOwnerCol">Elastic</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : ElasticInOut<div class="summaryTableDescription">[static] Eases using a sine wave that starts slowly, then accelerates and then decelerates over time.</div></td><td class="summaryTableOwnerCol">Elastic</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : ElasticOut<div class="summaryTableDescription">[static] Eases using a sine wave that starts fast and then decelerates over time.</div></td><td class="summaryTableOwnerCol">Elastic</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var easeIn:ElasticIn</code><p></p><p></p><p> Eases using a sine wave that starts slowly and then accelerates over time </p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:ElasticInOut</code><p></p><p></p><p> Eases using a sine wave that starts slowly, then accelerates and then decelerates over time. </p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:ElasticOut</code><p></p><p></p><p> Eases using a sine wave that starts fast and then decelerates over time. </p></div><br/><br/><hr><br/><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 -->

39
duo/js/greensock-v12-js/docs/com/greensock/easing/Expo.html 100755
View File

@ -0,0 +1,39 @@
<!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"><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"><meta name="keywords" content="Expo,com.greensock.easing.Expo,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Expo</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 = 'Expo - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Expo.html&amp;com/greensock/easing/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">Expo</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Expo"); titleBar_setSubNav(false,true,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Expo</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Expo <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Eases in a strong fashion either at the beginning (easeIn), the end (easeOut), or both (easeInOut).
<code>Expo</code> is a convenience class that congregates the 3 types of Expo eases (ExpoIn, ExpoOut,
and ExpoInOut) as static properties so that they can be referenced using the standard synatax, like
<code>Expo.easeIn</code>, <code>Expo.easeOut</code>, and <code>Expo.easeInOut</code>.
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : ExpoIn<div class="summaryTableDescription">[static]
Eases in a strong fashion starting out slowly and then accelerating.</div></td><td class="summaryTableOwnerCol">Expo</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : ExpoInOut<div class="summaryTableDescription">[static]
Eases in a strong fashion starting out slowly and then accelerating, then decelerating at the end.</div></td><td class="summaryTableOwnerCol">Expo</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : ExpoOut<div class="summaryTableDescription">[static]
Eases out in a strong fashion starting out fast and then decelerating.</div></td><td class="summaryTableOwnerCol">Expo</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var easeIn:ExpoIn</code><p></p><p></p><p>
Eases in a strong fashion starting out slowly and then accelerating. Produces an effect similar to the
popular "Zeno's paradox" style of scripted easing, where each interval of time decreases the remaining
distance by a constant proportion.
</p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:ExpoInOut</code><p></p><p></p><p>
Eases in a strong fashion starting out slowly and then accelerating, then decelerating at the end.
Produces an effect similar to the popular "Zeno's paradox" style of scripted easing, where each
interval of time decreases the remaining distance by a constant proportion.
</p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:ExpoOut</code><p></p><p></p><p>
Eases out in a strong fashion starting out fast and then decelerating. Produces an effect similar to the
popular "Zeno's paradox" style of scripted easing, where each interval of time decreases the remaining
distance by a constant proportion.
</p></div><br/><br/><hr><br/><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 -->

35
duo/js/greensock-v12-js/docs/com/greensock/easing/Linear.html 100755
View File

@ -0,0 +1,35 @@
<!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"><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"><meta name="keywords" content="Linear,com.greensock.easing.Linear,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Linear</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 = 'Linear - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Linear.html&amp;com/greensock/easing/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">Linear</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a>&nbsp;| <a href="#methodSummary">Methods</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Linear"); titleBar_setSubNav(false,true,false,false,false,false,false,false,true,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Linear</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Linear <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> <a href="../../../com/greensock/easing/Ease.html">Ease</a> <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Linear ease with no acceleration or deceleration. Linear is identical to <code>Power0</code>.
<p>This is one of the eases that is natively accelerated in TweenLite and TweenMax. All of the
"Power" eases and their counterparts (Linear (0), Quad (1), Cubic (2), Quart (3), Quint (4), and Strong (4)) are
accelerated.</p>
<p>
<b>Example usage:</b>
</p>
<p>
<code>
TweenLite.to(obj, 1, {x:100, ease:Linear.easeNone});
</code>
</p>
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#ease" class="signatureLink">ease</a> : <a href="../../../com/greensock/easing/Linear.html">Linear</a><div class="summaryTableDescription">[static] The default ease instance which can be reused many times in various tweens in order to conserve memory and improve performance slightly compared to creating a new instance each time.</div></td><td class="summaryTableOwnerCol">Linear</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : <a href="../../../com/greensock/easing/Linear.html">Linear</a><div class="summaryTableDescription">[static] Linear ease with no acceleration or deceleration </div></td><td class="summaryTableOwnerCol">Linear</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : <a href="../../../com/greensock/easing/Linear.html">Linear</a><div class="summaryTableDescription">[static] Linear ease with no acceleration or deceleration </div></td><td class="summaryTableOwnerCol">Linear</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeNone" class="signatureLink">easeNone</a> : <a href="../../../com/greensock/easing/Linear.html">Linear</a><div class="summaryTableDescription">[static] Linear ease with no acceleration or deceleration (for backwards compatibility) </div></td><td class="summaryTableOwnerCol">Linear</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : <a href="../../../com/greensock/easing/Linear.html">Linear</a><div class="summaryTableDescription">[static] Linear ease with no acceleration or deceleration </div></td><td class="summaryTableOwnerCol">Linear</td></tr></table></div><a name="methodSummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Methods </div><div class="showHideLinks"><div id="hideInheritedMethod" class="hideInheritedMethod"><a class="showHideLink" href="#methodSummary" onclick="javascript:setInheritedVisible(false,'Method');"><img class="showHideLinkImage" src="../../../images/expanded.gif"> Hide Inherited Public Methods</a></div><div id="showInheritedMethod" class="showInheritedMethod"><a class="showHideLink" href="#methodSummary" onclick="javascript:setInheritedVisible(true,'Method');"><img class="showHideLinkImage" src="../../../images/collapsed.gif"> Show Inherited Public Methods</a></div></div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableMethod"><tr><th>&nbsp;</th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#Linear()" class="signatureLink">Linear</a>()</div><div class="summaryTableDescription"> Constructor </div></td><td class="summaryTableOwnerCol">Linear</td></tr><tr class="hideInheritedMethod"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol"><img src="../../../images/inheritedSummary.gif" alt="Inherited" title="Inherited" class="inheritedSummaryImage"></td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="../../../com/greensock/easing/Ease.html#getRatio()" class="signatureLink">getRatio</a>(p:Number):Number</div><div class="summaryTableDescription">
Translates the tween's progress ratio into the corresponding ease ratio.</div></td><td class="summaryTableOwnerCol"><a href="../../../com/greensock/easing/Ease.html">Ease</a></td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="ease"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">ease</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var ease:<a href="../../../com/greensock/easing/Linear.html">Linear</a></code><p></p><p></p><p> The default ease instance which can be reused many times in various tweens in order to conserve memory and improve performance slightly compared to creating a new instance each time. </p></div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeIn:<a href="../../../com/greensock/easing/Linear.html">Linear</a></code><p></p><p></p><p> Linear ease with no acceleration or deceleration </p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:<a href="../../../com/greensock/easing/Linear.html">Linear</a></code><p></p><p></p><p> Linear ease with no acceleration or deceleration </p></div><a name="propertyDetail"></a><a name="easeNone"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeNone</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeNone:<a href="../../../com/greensock/easing/Linear.html">Linear</a></code><p></p><p></p><p> Linear ease with no acceleration or deceleration (for backwards compatibility) </p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:<a href="../../../com/greensock/easing/Linear.html">Linear</a></code><p></p><p></p><p> Linear ease with no acceleration or deceleration </p></div><a name="constructorDetail"></a><div class="detailSectionHeader">Constructor Detail</div><a name="Linear()"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">Linear</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">Constructor</td></tr></table><div class="detailBody"><code>public function Linear()</code><p></p><p> Constructor </p></div><br/><br/><hr><br/><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 -->

36
duo/js/greensock-v12-js/docs/com/greensock/easing/Power0.html 100755
View File

@ -0,0 +1,36 @@
<!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"><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"><meta name="keywords" content="Power0,com.greensock.easing.Power0,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Power0</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 = 'Power0 - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Power0.html&amp;com/greensock/easing/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">Power0</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Power0"); titleBar_setSubNav(false,true,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Power0</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Power0 <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Provides an <code>easeIn</code>, <code>easeOut</code>, and <code>easeInOut</code> with a power (or strength)
of 0 which is identical to <code>Linear</code> but with a more intuitive name. The more power, the more
exaggerated the easing effect. So Power0 actually has no power at all, providing a linear transition.
<p>This is one of the eases that is natively accelerated in TweenLite and TweenMax. All of the
"Power" eases and their counterparts (Linear (0), Quad (1), Cubic (2), Quart (3), Quint (4), and Strong (4)) are
accelerated.</p>
<p>
<b>Example usage:</b>
</p>
<p>
<code>
TweenLite.to(obj, 1, {x:100, ease:Power0.easeOut});
</code>
</p>
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in with a power of 0 (linear).</div></td><td class="summaryTableOwnerCol">Power0</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] eases in and then out with a power of 0 (linear).</div></td><td class="summaryTableOwnerCol">Power0</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases out with a power of 0 (linear).</div></td><td class="summaryTableOwnerCol">Power0</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var easeIn:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in with a power of 0 (linear). Power0.easeIn, Power0.easeOut, and Power0.easeInOut are all identical because there is no power - they're all linear but use the common naming convention for ease of use. </p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> eases in and then out with a power of 0 (linear). Power0.easeIn, Power0.easeOut, and Power0.easeInOut are all identical because there is no power - they're all linear but use the common naming convention for ease of use. </p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases out with a power of 0 (linear). Power0.easeIn, Power0.easeOut, and Power0.easeInOut are all identical because there is no power - they're all linear but use the common naming convention for ease of use. </p></div><br/><br/><hr><br/><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 -->

36
duo/js/greensock-v12-js/docs/com/greensock/easing/Power1.html 100755
View File

@ -0,0 +1,36 @@
<!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"><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"><meta name="keywords" content="Power1,com.greensock.easing.Power1,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Power1</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 = 'Power1 - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Power1.html&amp;com/greensock/easing/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">Power1</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Power1"); titleBar_setSubNav(false,true,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Power1</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Power1 <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Provides an <code>easeIn</code>, <code>easeOut</code>, and <code>easeInOut</code> with a power (or strength)
of 1 which is identical to <code>Quad</code> but with a more intuitive name. The more power, the more
exaggerated the easing effect. Using a numeric approach like this in the name makes experimenting easier.
<p>This is one of the eases that is natively accelerated in TweenLite and TweenMax. All of the
"Power" eases and their counterparts (Linear (0), Quad (1), Cubic (2), Quart (3), Quint (4), and Strong (4))
are accelerated.</p>
<p>
<b>Example usage:</b>
</p>
<p>
<code>
TweenLite.to(obj, 1, {x:100, ease:Power1.easeOut});
</code>
</p>
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in with a power of 1 </div></td><td class="summaryTableOwnerCol">Power1</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in and then out with a power of 1 </div></td><td class="summaryTableOwnerCol">Power1</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases out with a power of 1 </div></td><td class="summaryTableOwnerCol">Power1</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var easeIn:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in with a power of 1 </p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in and then out with a power of 1 </p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases out with a power of 1 </p></div><br/><br/><hr><br/><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 -->

36
duo/js/greensock-v12-js/docs/com/greensock/easing/Power2.html 100755
View File

@ -0,0 +1,36 @@
<!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"><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"><meta name="keywords" content="Power2,com.greensock.easing.Power2,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Power2</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 = 'Power2 - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Power2.html&amp;com/greensock/easing/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">Power2</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Power2"); titleBar_setSubNav(false,true,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Power2</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Power2 <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Provides an <code>easeIn</code>, <code>easeOut</code>, and <code>easeInOut</code> with a power (or strength)
of 2 which is identical to <code>Cubic</code> but with a more intuitive name. The more power, the more
exaggerated the easing effect. Using a numeric approach like this in the name makes experimenting easier.
<p>This is one of the eases that is natively accelerated in TweenLite and TweenMax. All of the
"Power" eases and their counterparts (Linear (0), Quad (1), Cubic (2), Quart (3), Quint (4), and Strong (4)) are
accelerated.</p>
<p>
<b>Example usage:</b>
</p>
<p>
<code>
TweenLite.to(obj, 1, {x:100, ease:Power2.easeOut});
</code>
</p>
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in with a power of 2 </div></td><td class="summaryTableOwnerCol">Power2</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in and then out with a power of 2 </div></td><td class="summaryTableOwnerCol">Power2</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases out with a power of 2 </div></td><td class="summaryTableOwnerCol">Power2</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var easeIn:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in with a power of 2 </p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in and then out with a power of 2 </p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases out with a power of 2 </p></div><br/><br/><hr><br/><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 -->

36
duo/js/greensock-v12-js/docs/com/greensock/easing/Power3.html 100755
View File

@ -0,0 +1,36 @@
<!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"><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"><meta name="keywords" content="Power3,com.greensock.easing.Power3,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Power3</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 = 'Power3 - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Power3.html&amp;com/greensock/easing/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">Power3</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Power3"); titleBar_setSubNav(false,true,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Power3</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Power3 <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Provides an <code>easeIn</code>, <code>easeOut</code>, and <code>easeInOut</code> with a power (or strength)
of 3 which is identical to <code>Quart</code> but with a more intuitive name. The more power, the more
exaggerated the easing effect. Using a numeric approach like this in the name makes experimenting easier.
<p>This is one of the eases that is natively accelerated in TweenLite and TweenMax. All of the
"Power" eases and their counterparts (Linear (0), Quad (1), Cubic (2), Quart (3), Quint (4), and Strong (4))
are accelerated.</p>
<p>
<b>Example usage:</b>
</p>
<p>
<code>
TweenLite.to(obj, 1, {x:100, ease:Power3.easeOut});
</code>
</p>
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in with a power of 3 </div></td><td class="summaryTableOwnerCol">Power3</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in and then out with a power of 3 </div></td><td class="summaryTableOwnerCol">Power3</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases out with a power of 3 </div></td><td class="summaryTableOwnerCol">Power3</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var easeIn:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in with a power of 3 </p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in and then out with a power of 3 </p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases out with a power of 3 </p></div><br/><br/><hr><br/><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 -->

37
duo/js/greensock-v12-js/docs/com/greensock/easing/Power4.html 100755
View File

@ -0,0 +1,37 @@
<!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"><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"><meta name="keywords" content="Power4,com.greensock.easing.Power4,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Power4</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 = 'Power4 - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Power4.html&amp;com/greensock/easing/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">Power4</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Power4"); titleBar_setSubNav(false,true,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Power4</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Power4 <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Provides an <code>easeIn</code>, <code>easeOut</code>, and <code>easeInOut</code> with a power (or strength)
of 4 which is identical to <code>Quint</code> and <code>Strong</code> but with a more intuitive name.
The more power, the more exaggerated the easing effect. Using a numeric approach like this in the name
makes experimenting easier.
<p>This is one of the eases that is natively accelerated in TweenLite and TweenMax. All of the
"Power" eases and their counterparts (Linear (0), Quad (1), Cubic (2), Quart (3), Quint (4), and Strong (4))
are accelerated.</p>
<p>
<b>Example usage:</b>
</p>
<p>
<code>
TweenLite.to(obj, 1, {x:100, ease:Power4.easeOut});
</code>
</p>
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in with a power of 4 </div></td><td class="summaryTableOwnerCol">Power4</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in and then out with a power of 4 </div></td><td class="summaryTableOwnerCol">Power4</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases out with a power of 4 </div></td><td class="summaryTableOwnerCol">Power4</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var easeIn:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in with a power of 4 </p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in and then out with a power of 4 </p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases out with a power of 4 </p></div><br/><br/><hr><br/><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 -->

37
duo/js/greensock-v12-js/docs/com/greensock/easing/Quad.html 100755
View File

@ -0,0 +1,37 @@
<!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"><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"><meta name="keywords" content="Quad,com.greensock.easing.Quad,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Quad</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 = 'Quad - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Quad.html&amp;com/greensock/easing/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">Quad</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Quad"); titleBar_setSubNav(false,true,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Quad</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Quad <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Provides an <code>easeIn</code>, <code>easeOut</code>, and <code>easeInOut</code> with a power (or strength)
of 1 which is identical to the <code>Power1</code> ease. The more power, the more
exaggerated the easing effect. Using a numeric approach like Power1 instead of Quad makes experimenting
easier and the code reads more intuitively.
<p>This is one of the eases that is natively accelerated in TweenLite and TweenMax. All of the
"Power" eases and their counterparts (Linear (0), Quad (1), Cubic (2), Quart (3), Quint (4), and Strong (4)) are
accelerated.</p>
<p>
<b>Example usage:</b>
</p>
<p>
<code>
TweenLite.to(obj, 1, {x:100, ease:Quad.easeOut});
</code>
</p>
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in with a power of 1.</div></td><td class="summaryTableOwnerCol">Quad</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in and then out with a power of 1.</div></td><td class="summaryTableOwnerCol">Quad</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases out with a power of 1.</div></td><td class="summaryTableOwnerCol">Quad</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var easeIn:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in with a power of 1. </p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in and then out with a power of 1. </p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases out with a power of 1. </p></div><br/><br/><hr><br/><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 -->

37
duo/js/greensock-v12-js/docs/com/greensock/easing/Quart.html 100755
View File

@ -0,0 +1,37 @@
<!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"><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"><meta name="keywords" content="Quart,com.greensock.easing.Quart,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Quart</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 = 'Quart - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Quart.html&amp;com/greensock/easing/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">Quart</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Quart"); titleBar_setSubNav(false,true,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Quart</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Quart <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Provides an <code>easeIn</code>, <code>easeOut</code>, and <code>easeInOut</code> with a power (or strength)
of 2 which is identical to the <code>Power2</code> ease. The more power, the more
exaggerated the easing effect. Using a numeric approach like Power2 instead of Quart makes experimenting
easier and the code reads more intuitively.
<p>This is one of the eases that is natively accelerated in TweenLite and TweenMax. All of the
"Power" eases and their counterparts (Linear (0), Quad (1), Cubic (2), Quart (3), Quint (4), and Strong (4)) are
accelerated.</p>
<p>
<b>Example usage:</b>
</p>
<p>
<code>
TweenLite.to(obj, 1, {x:100, ease:Quart.easeOut});
</code>
</p>
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in with a power of 3.</div></td><td class="summaryTableOwnerCol">Quart</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in and then out with a power of 3.</div></td><td class="summaryTableOwnerCol">Quart</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases out with a power of 3.</div></td><td class="summaryTableOwnerCol">Quart</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var easeIn:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in with a power of 3. </p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in and then out with a power of 3. </p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases out with a power of 3. </p></div><br/><br/><hr><br/><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 -->

37
duo/js/greensock-v12-js/docs/com/greensock/easing/Quint.html 100755
View File

@ -0,0 +1,37 @@
<!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"><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"><meta name="keywords" content="Quint,com.greensock.easing.Quint,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Quint</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 = 'Quint - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Quint.html&amp;com/greensock/easing/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">Quint</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Quint"); titleBar_setSubNav(false,true,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Quint</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Quint <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Provides an <code>easeIn</code>, <code>easeOut</code>, and <code>easeInOut</code> with a power (or strength)
of 4 which is identical to the <code>Power4</code> ease. The more power, the more
exaggerated the easing effect. Using a numeric approach like Power4 instead of Quint makes experimenting
easier and the code reads more intuitively.
<p>This is one of the eases that is natively accelerated in TweenLite and TweenMax. All of the
"Power" eases and their counterparts (Linear (0), Quad (1), Cubic (2), Quart (3), Quint (4), and Strong (4)) are
accelerated.</p>
<p>
<b>Example usage:</b>
</p>
<p>
<code>
TweenLite.to(obj, 1, {x:100, ease:Quint.easeOut});
</code>
</p>
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in with a power of 4 </div></td><td class="summaryTableOwnerCol">Quint</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in and then out with a power of 4 </div></td><td class="summaryTableOwnerCol">Quint</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases out with a power of 4 </div></td><td class="summaryTableOwnerCol">Quint</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var easeIn:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in with a power of 4 </p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in and then out with a power of 4 </p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases out with a power of 4 </p></div><br/><br/><hr><br/><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 -->

24
duo/js/greensock-v12-js/docs/com/greensock/easing/Sine.html 100755
View File

@ -0,0 +1,24 @@
<!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"><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"><meta name="keywords" content="Sine,com.greensock.easing.Sine,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Sine</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 = 'Sine - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Sine.html&amp;com/greensock/easing/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">Sine</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Sine"); titleBar_setSubNav(false,true,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Sine</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Sine <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Eases with a relatively low power either at the beginning (easeIn), the end (easeOut), or both (easeInOut).
<code>Sine</code> is a convenience class that congregates the 3 types of Sine eases (SineIn, SineOut,
and SineInOut) as static properties so that they can be referenced using the standard synatax, like
<code>Sine.easeIn</code>, <code>Sine.easeOut</code>, and <code>Sine.easeInOut</code>.
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : SineIn<div class="summaryTableDescription">[static] Eases in with slight acceleration.</div></td><td class="summaryTableOwnerCol">Sine</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : SineInOut<div class="summaryTableDescription">[static] Eases in and then out with slight acceleration/deceleration.</div></td><td class="summaryTableOwnerCol">Sine</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : SineOut<div class="summaryTableDescription">[static] Eases out with slight deceleration.</div></td><td class="summaryTableOwnerCol">Sine</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var easeIn:SineIn</code><p></p><p></p><p> Eases in with slight acceleration. </p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:SineInOut</code><p></p><p></p><p> Eases in and then out with slight acceleration/deceleration. </p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:SineOut</code><p></p><p></p><p> Eases out with slight deceleration. </p></div><br/><br/><hr><br/><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 -->

89
duo/js/greensock-v12-js/docs/com/greensock/easing/SlowMo.html 100755
View File

@ -0,0 +1,89 @@
<!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"><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"><meta name="keywords" content="SlowMo,com.greensock.easing.SlowMo,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,config,config,find,getRatio,getRatio,getRatio"><title>com.greensock.easing.SlowMo</title><script src="../../../AC_OETags.js" type="text/javascript"></script></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 = 'SlowMo - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/SlowMo.html&amp;com/greensock/easing/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">SlowMo</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a>&nbsp;| <a href="#methodSummary">Methods</a>&nbsp;| <a href="#includeExamplesSummary">Examples</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("SlowMo"); titleBar_setSubNav(false,true,false,false,false,false,false,false,true,true,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class SlowMo</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">SlowMo <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> <a href="../../../com/greensock/easing/Ease.html">Ease</a> <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
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. Without SlowMo, animators would often try to get the same
effect by sequencing 3 tweens, one with an easeOut, then another with a Linear.easeNone, and finally
an easeIn but the problem was that the eases didn't smoothly transition into one another, so you'd see
sudden shifts in velocity at the joints. SlowMo solves this problem and gives you complete control over
how strong the eases are on each end and what portion of the movement in the middle is linear.
<p>The first parameter, <code>linearRatio</code>, determines the proportion of the ease during which
the rate of change will be linear (steady pace). This should be a number between 0 and 1. For example,
0.5 would be half, so the first 25% of the ease would be easing out (decelerating), then 50% would be
linear, then the final 25% would be easing in (accelerating). If you choose 0.8, that would mean 80%
of the ease would be linear, leaving 10% on each end to ease. The default is 0.7.</p>
<p>The second parameter, <code>power</code>, determines the strength of the ease at each end.
If you define a value greater than 1, it will actually reverse the linear portion in the middle
which can create interesting effects. The default is 0.7.</p>
<p>The third parameter, <code>yoyoMode</code>, provides an easy way to create companion tweens that
sync with normal SlowMo tweens. For example, let's say you have a SlowMo tween that is zooming some
text onto the screen and moving it linearly for a while and then zooming off, but you want to
tween that alpha of the text at the beginning and end of the positional tween. Normally, you'd need
to create 2 separate alpha tweens, 1 for the fade-in at the beginning and 1 for the fade-out at the
end and you'd need to calculate their durations manually to ensure that they finish fading in
by the time the linear motion begins and then they start fading out at the end right when the linear
motion completes. But to make this whole process much easier, all you'd need to do is create a separate
tween for the alpha and use the same duration but a SlowMo ease that has its <code>yoyoMode</code>
parameter set to <code>true</code>.</p>
<p></p><p><a href="#includeExamplesSummary">View the examples</a></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#ease" class="signatureLink">ease</a> : <a href="../../../com/greensock/easing/SlowMo.html">SlowMo</a><div class="summaryTableDescription">[static] The default ease instance which can be reused many times in various tweens in order to conserve memory and improve performance slightly compared to creating a new instance each time.</div></td><td class="summaryTableOwnerCol">SlowMo</td></tr></table></div><a name="methodSummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Methods </div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableMethod"><tr><th>&nbsp;</th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#SlowMo()" class="signatureLink">SlowMo</a>(linearRatio:Number = 0.7, power:Number = 0.7, yoyoMode:Boolean = false)</div><div class="summaryTableDescription">
Constructor
</div></td><td class="summaryTableOwnerCol">SlowMo</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#config()" class="signatureLink">config</a>(linearRatio:Number = 0.7, power:Number = 0.7, yoyoMode:Boolean = false):<a href="../../../com/greensock/easing/SlowMo.html">SlowMo</a></div><div class="summaryTableDescription">
Permits customization of the ease with various parameters.</div></td><td class="summaryTableOwnerCol">SlowMo</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#getRatio()" class="signatureLink">getRatio</a>(p:Number):Number</div><div class="summaryTableDescription">[override]
Translates the tween's progress ratio into the corresponding ease ratio.</div></td><td class="summaryTableOwnerCol">SlowMo</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="ease"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">ease</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var ease:<a href="../../../com/greensock/easing/SlowMo.html">SlowMo</a></code><p></p><p></p><p> The default ease instance which can be reused many times in various tweens in order to conserve memory and improve performance slightly compared to creating a new instance each time. </p></div><a name="constructorDetail"></a><div class="detailSectionHeader">Constructor Detail</div><a name="SlowMo()"></a><a name="SlowMo(Number,Number,Boolean)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">SlowMo</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">Constructor</td></tr></table><div class="detailBody"><code>public function SlowMo(linearRatio:Number = 0.7, power:Number = 0.7, yoyoMode:Boolean = false)</code><p></p><p>
Constructor
</p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">linearRatio</span>:Number</code> (default = <code>0.7</code>)<code></code> &mdash; the proportion of the ease during which the rate of change will be linear (steady pace). This should be a number between 0 and 1. For example, 0.5 would be half, so the first 25% of the ease would be easing out (decelerating), then 50% would be linear, then the final 25% would be easing in (accelerating). If you choose 0.8, that would mean 80% of the ease would be linear, leaving 10% on each end to ease. The default is 0.7.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">power</span>:Number</code> (default = <code>0.7</code>)<code></code> &mdash; The strength of the ease at each end. If you define a value above 1, it will actually reverse the linear portion in the middle which can create interesting effects. The default is 0.7.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">yoyoMode</span>:Boolean</code> (default = <code>false</code>)<code></code> &mdash; If <code>true</code>, the ease will reach its destination value mid-tween and maintain it during the entire linear mode and then go back to the original value at the end (like a yoyo of sorts). This can be very useful if, for example, you want the alpha (or some other property) of some text to fade at the front end of a SlowMo positional ease and then back down again at the end of that positional SlowMo tween. Otherwise you would need to create separate tweens for the beginning and ending fades that match up with that positional tween. Example: <code>TweenLite.to(myText, 5, {x:600, ease:SlowMo.ease.config(0.7, 0.7, false)}); TweenLite.from(myText, 5, {alpha:0, ease:SlowMo.ease.config(0.7, 0.7, true)});</code>
</td></tr></table></div><a name="methodDetail"></a><div class="detailSectionHeader">Method Detail</div><a name="config()"></a><a name="config(Number,Number,Boolean)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">config</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td></tr></table><div class="detailBody"><code> public function config(linearRatio:Number = 0.7, power:Number = 0.7, yoyoMode:Boolean = false):<a href="../../../com/greensock/easing/SlowMo.html">SlowMo</a></code><p></p><p></p><p>
Permits customization of the ease with various parameters.
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">linearRatio</span>:Number</code> (default = <code>0.7</code>)<code></code> &mdash; the proportion of the ease during which the rate of change will be linear (steady pace). This should be a number between 0 and 1. For example, 0.5 would be half, so the first 25% of the ease would be easing out (decelerating), then 50% would be linear, then the final 25% would be easing in (accelerating). If you choose 0.8, that would mean 80% of the ease would be linear, leaving 10% on each end to ease. The default is 0.7.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">power</span>:Number</code> (default = <code>0.7</code>)<code></code> &mdash; The strength of the ease at each end. If you define a value above 1, it will actually reverse the linear portion in the middle which can create interesting effects. The default is 0.7.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">yoyoMode</span>:Boolean</code> (default = <code>false</code>)<code></code> &mdash; If <code>true</code>, the ease will reach its destination value mid-tween and maintain it during the entire linear mode and then go back to the original value at the end (like a yoyo of sorts). This can be very useful if, for example, you want the alpha (or some other property) of some text to fade at the front end of a SlowMo positional ease and then back down again at the end of that positional SlowMo tween. Otherwise you would need to create separate tweens for the beginning and ending fades that match up with that positional tween. Example: <code>TweenLite.to(myText, 5, {x:600, ease:SlowMo.ease.config(0.7, 0.7, false)}); TweenLite.from(myText, 5, {alpha:0, ease:SlowMo.ease.config(0.7, 0.7, true)});</code>
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code><a href="../../../com/greensock/easing/SlowMo.html">SlowMo</a></code> &mdash; new SlowMo instance that is configured according to the parameters provided
</td></tr></table></div><a name="getRatio()"></a><a name="getRatio(Number)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">getRatio</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>override public function getRatio(p:Number):Number</code><p></p><p></p><p>
Translates the tween's progress ratio into the corresponding ease ratio. This is the heart of the Ease, where it does all its work.
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">p</span>:Number</code> &mdash; progress ratio (a value between 0 and 1 indicating the progress of the tween/ease)
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>Number</code> &mdash; translated number
</td></tr></table></div><a name="includeExamplesSummary"></a><div class="detailSectionHeader">Examples</div><div class="detailBody">Example AS3 example:<div class="listing" version="3.0"><pre>
import com.greensock.*;
import com.greensock.easing.*;
//use the default SlowMo ease (linearRatio of 0.7 and power of 0.7)
TweenLite.to(myText, 5, {x:600, ease:SlowMo.ease});
//use a new SlowMo ease with 50% of the tween being linear (2.5 seconds) and a power of 0.8
TweenLite.to(myText, 5, {x:600, ease:new SlowMo(0.5, 0.8)});
//this gives the exact same effect as the line above, but uses a different syntax
TweenLite.to(myText, 5, {x:600, ease:SlowMo.ease.config(0.5, 0.8)});
//now let's create an alpha tween that syncs with the above positional tween, fading it in at the beginning and out at the end
myText.alpha = 0;
TweenLite.to(myText, 5, {alpha:1, ease:SlowMo.ease.config(0.5, 0.8, true)});
</pre></div>
<p><b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
</div><br/><br/><hr><br/><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 -->

53
duo/js/greensock-v12-js/docs/com/greensock/easing/SteppedEase.html 100755
View File

@ -0,0 +1,53 @@
<!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"><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"><meta name="keywords" content="SteppedEase,com.greensock.easing.SteppedEase,config,config,find,getRatio,getRatio,getRatio"><title>com.greensock.easing.SteppedEase</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 = 'SteppedEase - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/SteppedEase.html&amp;com/greensock/easing/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">SteppedEase</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#methodSummary">Methods</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("SteppedEase"); titleBar_setSubNav(false,false,false,false,false,false,false,false,true,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class SteppedEase</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">SteppedEase <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> <a href="../../../com/greensock/easing/Ease.html">Ease</a> <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
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. For example, if mc.x is 0 and you
want to tween it to 100 with 5 steps (20, 40, 60, 80, and 100) over the course of 2 seconds, you'd do:
<div class="listing" version="3.0"><pre>
TweenLite.to(mc, 2, {x:100, ease:SteppedEase.config(5)});
//or create an instance directly
var steppedEase = new SteppedEase(5);
TweenLite.to(mc, 3, {y:300, ease:steppedEase});
</pre></div>
<p>Note: SteppedEase is optimized for use with the GreenSock tweenining platform, so it isn't intended to be used with other engines.
Specifically, its easing equation always returns values between 0 and 1.</p>
<p>
<b>Copyright 2008-2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="methodSummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Methods </div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableMethod"><tr><th>&nbsp;</th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#SteppedEase()" class="signatureLink">SteppedEase</a>(steps:int)</div><div class="summaryTableDescription">
Constructor
</div></td><td class="summaryTableOwnerCol">SteppedEase</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#config()" class="signatureLink">config</a>(steps:int):<a href="../../../com/greensock/easing/SteppedEase.html">SteppedEase</a></div><div class="summaryTableDescription">[static]
Permits customization of the ease (defining a number of steps).</div></td><td class="summaryTableOwnerCol">SteppedEase</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#getRatio()" class="signatureLink">getRatio</a>(p:Number):Number</div><div class="summaryTableDescription">[override]
Translates the tween's progress ratio into the corresponding ease ratio.</div></td><td class="summaryTableOwnerCol">SteppedEase</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><a name="constructorDetail"></a><div class="detailSectionHeader">Constructor Detail</div><a name="SteppedEase()"></a><a name="SteppedEase(int)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">SteppedEase</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">Constructor</td></tr></table><div class="detailBody"><code>public function SteppedEase(steps:int)</code><p></p><p>
Constructor
</p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">steps</span>:int</code> &mdash; Number of steps between the start and the end values.
</td></tr></table></div><a name="methodDetail"></a><div class="detailSectionHeader">Method Detail</div><a name="config()"></a><a name="config(int)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">config</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td></tr></table><div class="detailBody"><code> public static function config(steps:int):<a href="../../../com/greensock/easing/SteppedEase.html">SteppedEase</a></code><p></p><p></p><p>
Permits customization of the ease (defining a number of steps).
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">steps</span>:int</code> &mdash; Number of steps between the start and the end values.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code><a href="../../../com/greensock/easing/SteppedEase.html">SteppedEase</a></code> &mdash; new SteppedEase instance that is configured according to the parameters provided
</td></tr></table></div><a name="getRatio()"></a><a name="getRatio(Number)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">getRatio</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>override public function getRatio(p:Number):Number</code><p></p><p></p><p>
Translates the tween's progress ratio into the corresponding ease ratio. This is the heart of the Ease, where it does all its work.
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">p</span>:Number</code> &mdash; progress ratio (a value between 0 and 1 indicating the progress of the tween/ease)
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>Number</code> &mdash; translated number
</td></tr></table></div><br/><br/><hr><br/><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 -->

37
duo/js/greensock-v12-js/docs/com/greensock/easing/Strong.html 100755
View File

@ -0,0 +1,37 @@
<!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"><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"><meta name="keywords" content="Strong,com.greensock.easing.Strong,ease,ease,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeIn,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeInOut,easeNone,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut,easeOut"><title>com.greensock.easing.Strong</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 = 'Strong - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/Strong.html&amp;com/greensock/easing/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">Strong</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#propertySummary">Properties</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("Strong"); titleBar_setSubNav(false,true,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.easing</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public final class Strong</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">Strong <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Provides an <code>easeIn</code>, <code>easeOut</code>, and <code>easeInOut</code> with a power (or strength)
of 4 which is identical to the <code>Power4</code> ease. The more power, the more
exaggerated the easing effect. Using a numeric approach like Power4 instead of Strong makes experimenting
easier and the code reads more intuitively.
<p>This is one of the eases that is natively accelerated in TweenLite and TweenMax. All of the
"Power" eases and their counterparts (Linear (0), Quad (1), Cubic (2), Quart (3), Quint (4), and Strong (4)) are
accelerated.</p>
<p>
<b>Example usage:</b>
</p>
<p>
<code>
TweenLite.to(obj, 1, {x:100, ease:Strong.easeOut});
</code>
</p>
<p>
<b>Copyright 2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="propertySummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Properties</div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableProperty"><tr><th>&nbsp;</th><th colspan="2">Property</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeIn" class="signatureLink">easeIn</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in with a power of 4 </div></td><td class="summaryTableOwnerCol">Strong</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeInOut" class="signatureLink">easeInOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases in and then out with a power of 4 </div></td><td class="summaryTableOwnerCol">Strong</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><a href="#easeOut" class="signatureLink">easeOut</a> : <a href="../../../com/greensock/easing/Ease.html">Ease</a><div class="summaryTableDescription">[static] Eases out with a power of 4 </div></td><td class="summaryTableOwnerCol">Strong</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><div class="detailSectionHeader">Property Detail</div><a name="propertyDetail"></a><a name="easeIn"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeIn</td><td class="detailHeaderType">property</td></tr></table><div class="detailBody"><code>public static var easeIn:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in with a power of 4 </p></div><a name="propertyDetail"></a><a name="easeInOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeInOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeInOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases in and then out with a power of 4 </p></div><a name="propertyDetail"></a><a name="easeOut"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">easeOut</td><td class="detailHeaderType">property</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code>public static var easeOut:<a href="../../../com/greensock/easing/Ease.html">Ease</a></code><p></p><p></p><p> Eases out with a power of 4 </p></div><br/><br/><hr><br/><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 -->

1
duo/js/greensock-v12-js/docs/com/greensock/easing/class-list.html 100755
View File

@ -0,0 +1 @@
<!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>com.greensock.easing - GreenSock JavaScript Documentation</title><base target="classFrame"><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 class="classFrameContent"><h3><a href="package-detail.html" target="classFrame" style="color:black">Package com.greensock.easing</a></h3><table cellpadding="0" cellspacing="0"><tr><td><a href="package-detail.html#classSummary" style="color:black"><b>Classes</b></a></td></tr><tr><td><a href="Back.html">Back</a></td></tr><tr><td><a href="Bounce.html">Bounce</a></td></tr><tr><td><a href="Circ.html">Circ</a></td></tr><tr><td><a href="Cubic.html">Cubic</a></td></tr><tr><td><a href="Ease.html">Ease</a></td></tr><tr><td><a href="EaseLookup.html">EaseLookup</a></td></tr><tr><td><a href="Elastic.html">Elastic</a></td></tr><tr><td><a href="Expo.html">Expo</a></td></tr><tr><td><a href="Linear.html">Linear</a></td></tr><tr><td><a href="Power0.html">Power0</a></td></tr><tr><td><a href="Power1.html">Power1</a></td></tr><tr><td><a href="Power2.html">Power2</a></td></tr><tr><td><a href="Power3.html">Power3</a></td></tr><tr><td><a href="Power4.html">Power4</a></td></tr><tr><td><a href="Quad.html">Quad</a></td></tr><tr><td><a href="Quart.html">Quart</a></td></tr><tr><td><a href="Quint.html">Quint</a></td></tr><tr><td><a href="Sine.html">Sine</a></td></tr><tr><td><a href="SlowMo.html">SlowMo</a></td></tr><tr><td><a href="SteppedEase.html">SteppedEase</a></td></tr><tr><td><a href="Strong.html">Strong</a></td></tr></table></body></html><!--<br/>Thu Dec 20 2012, 04:30 PM -06:00 -->

50
duo/js/greensock-v12-js/docs/com/greensock/easing/package-detail.html 100755
View File

@ -0,0 +1,50 @@
<!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.easing 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.easing 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/easing/package-detail.html&amp;com/greensock/easing/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.easing</td><td class="titleTableSubNav" id="subNav" align="right"><a href="package-detail.html#classSummary">Classes</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("com.greensock.easing"); 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>&nbsp;</th><th width="30%">Class</th><th width="70%">Description</th></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Back.html">Back</a></td><td class="summaryTableLastCol">
Eases with an overshoot either at the beginning (easeIn), the end (easeOut), or both (easeInOut).</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Bounce.html">Bounce</a></td><td class="summaryTableLastCol">
Eases, bouncing either at the beginning (easeIn), the end (easeOut), or both (easeInOut).</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Circ.html">Circ</a></td><td class="summaryTableLastCol">
Eases with an abrupt change in velocity either at the beginning (easeIn), the end (easeOut), or both (easeInOut).</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Cubic.html">Cubic</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 2 which is identical to the Power2 ease.</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Ease.html">Ease</a></td><td class="summaryTableLastCol">
Base class for all GreenSock easing equations.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="EaseLookup.html">EaseLookup</a></td><td class="summaryTableLastCol">
EaseLookup enables you to find the easing function associated with a particular name (String),
like "strongEaseOut" which can be useful when loading in XML data that comes in as Strings but
needs to be translated to native function references.</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Elastic.html">Elastic</a></td><td class="summaryTableLastCol">
Eases with an elastic effect either at the beginning (easeIn), the end (easeOut), or both (easeInOut).</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Expo.html">Expo</a></td><td class="summaryTableLastCol">
Eases in a strong fashion either at the beginning (easeIn), the end (easeOut), or both (easeInOut).</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Linear.html">Linear</a></td><td class="summaryTableLastCol">
Linear ease with no acceleration or deceleration.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Power0.html">Power0</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 0 which is identical to Linear but with a more intuitive name.</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Power1.html">Power1</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 1 which is identical to Quad but with a more intuitive name.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Power2.html">Power2</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 2 which is identical to Cubic but with a more intuitive name.</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Power3.html">Power3</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 3 which is identical to Quart but with a more intuitive name.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Power4.html">Power4</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 4 which is identical to Quint and Strong but with a more intuitive name.</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Quad.html">Quad</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 1 which is identical to the Power1 ease.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Quart.html">Quart</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 2 which is identical to the Power2 ease.</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Quint.html">Quint</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 4 which is identical to the Power4 ease.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Sine.html">Sine</a></td><td class="summaryTableLastCol">
Eases with a relatively low power either at the beginning (easeIn), the end (easeOut), or both (easeInOut).</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="SlowMo.html">SlowMo</a></td><td class="summaryTableLastCol">
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 class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="SteppedEase.html">SteppedEase</a></td><td class="summaryTableLastCol">
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 class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="Strong.html">Strong</a></td><td class="summaryTableLastCol">
Provides an easeIn, easeOut, and easeInOut with a power (or strength)
of 4 which is identical to the Power4 ease.</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 -->

24
duo/js/greensock-v12-js/docs/com/greensock/package-detail.html 100755
View File

@ -0,0 +1,24 @@
<!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 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 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>&nbsp;|&nbsp;<a href="../../class-summary.html" onclick="loadClassListFrame('../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../all-index-A.html" onclick="loadClassListFrame('../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../index.html?com/greensock/package-detail.html&amp;com/greensock/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</td><td class="titleTableSubNav" id="subNav" align="right"><a href="package-detail.html#classSummary">Classes</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("com.greensock"); 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>&nbsp;</th><th width="30%">Class</th><th width="70%">Description</th></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="TimelineLite.html">TimelineLite</a></td><td class="summaryTableLastCol">
TimelineLite is a powerful sequencing tool that acts as a container for tweens and
other timelines, making it simple to control them as a whole and precisely manage their
timing.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="TimelineMax.html">TimelineMax</a></td><td class="summaryTableLastCol">
TimelineMax extends TimelineLite, offering exactly the same functionality plus useful
(but non-essential) features like repeat, repeatDelay, yoyo, currentLabel(), addCallback(),
removeCallback(), tweenTo(), tweenFromTo(), getLabelAfter(), getLabelBefore(),
getActive() (and probably more in the future).</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="TweenLite.html">TweenLite</a></td><td class="summaryTableLastCol">
TweenLite is an extremely fast, lightweight, and flexible animation tool that serves as the foundation of
the GreenSock Animation Platform (GSAP), available in AS2, AS3, and JavaScript.</td></tr><tr class="prow0"><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableSecondCol"><a href="TweenMax.html">TweenMax</a></td><td class="summaryTableLastCol">
TweenMax extends TweenLite, adding many useful (but non-essential) features like timeScale(), repeat(),
repeatDelay(), yoyo(), updateTo(), and more.</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 -->

240
duo/js/greensock-v12-js/docs/com/greensock/plugins/BezierPlugin.html 100755
View File

@ -0,0 +1,240 @@
<!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"><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"><meta name="keywords" content="BezierPlugin,com.greensock.plugins.BezierPlugin,bezierThrough,cubicToQuadratic,getRule,quadraticToCubic"><title>com.greensock.plugins.BezierPlugin</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 = 'BezierPlugin - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/plugins/BezierPlugin.html&amp;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">BezierPlugin</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#methodSummary">Methods</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("BezierPlugin"); titleBar_setSubNav(false,false,false,false,false,false,false,false,true,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.plugins</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class BezierPlugin</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">BezierPlugin <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> <a href="../../../com/greensock/plugins/TweenPlugin.html">TweenPlugin</a> <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
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 <code>type:"quadratic"</code>):
<ul>
<li>
<code>"thru"</code> (the default) - the plugin figures out how to draw the Bezier naturally through
the supplied values using a proprietary algorithm. The values you provide in the array are essentially
treated as anchors on the Bezier and the plugin calculates the control points. The target's current/starting
values are used as the initial anchor. You can define a <code>curviness</code> special property that
allows you to adjust the tension on the Bezier where 0 has no curviness (straight lines), 1 is normal
curviness, 2 is twice the normal curviness, etc. Since "thru" is the default Bezier type, you don't
need to define a <code>type</code> at all if this is the one you want.</li>
<li>
<code>"soft"</code> - the values that you provide in the array act almost like magnets that attract the
curve towards them, but the Bezier doesn't typically travel through them. They are treated
as control points on a Quadratic Bezier and the plugin creates the necessary intermediate anchors.
The target's current/starting values are used as the initial anchor.</li>
<li>
<code>"quadratic"</code> - allows you to define standard Quadratic Bezier data (Quadratic Beziers have
1 control point between each anchor). The array should start with the first anchor, then control point,
then anchor, control point, etc. for as many iterations as you want, but obviously make sure that it
starts and ends with anchors.</li>
<li>
<code>"cubic"</code> - allows you to define standard Cubic Bezier data (Cubic Beziers have
2 control points between each anchor). The array should start with the first anchor, then 2 control points,
then anchor, 2 control points, anchor, etc. for as many iterations as you want, but obviously make sure that it
starts and ends with anchors.</li>
</ul>
<p>While it is most common to use <code>x</code> and <code>y</code> (or <code>left</code> and <code>top</code>) properties for
Bezier tweens, you can use any properties (even ones that are function-based getters/setters). </p>
<p>Inside the <code>bezier</code> object, you must define at least a <code>values</code> property, and there are
several other optional special properties that the BezierPlugin will recognize. Here is a list of them all:</p>
<ul>
<li>
<b>values</b> : Array <i>[REQUIRED]</i> - the array of your Bezier values as generic objects.
Each object in the array should have matching property names (like "x" and "y"). For example, the array might look like:
<code>[{x:100, y:250}, {x:300, y:0}, {x:500, y:400}]</code>
</li>
<li>
<b>type</b> : String (default:<code>"thru"</code>) - Either <code>"thru", "soft", "quadratic",</code>
or <code>"cubic"</code> as described above, indicating how the <code>values</code> should be interpreted.</li>
<li>
<b>timeResolution</b> : Number (default:6) - due to the nature of Beziers, plotting the progression
of an object on the path over time can make it appear to speed up or slow down based on the placement
of the control points and the length of each successive segment on the path, so BezierPlugin implements
a technique that reduces or eliminates that variance, but it involves breaking the segments down into
a certain number of pieces which is what <code>timeResolution</code> controls. The greater the number,
the more accurate the time remapping but there is a processing price to pay for greater precision.
The default value of 6 is typically fine, but if you notice slight pace changes on the path you can increase
the <code>timeResolution</code> value. Or, if you want to prioritize speed you could reduce the number.
If you use a <code>timeResolution</code> value of 0, no length measurements will take place internally which
delivers maximum processing speed, but you may notice changes in speed during the animation.</li>
<li>
<b>curviness</b> : Number (default:1) (only applies to <code>type:"thru"</code>) - allows you to adjust the
tension on the Bezier where 0 has no curviness (straight lines), 1 is normal curviness, 2 is twice
the normal curviness, etc. Use any number, not just integers</li>
<li>
<b>autoRotate</b> : Boolean, Number, or Array (default:false) - to automatically rotate the target according
to its position on the Bezier path, you can use the <code>autoRotate</code> feature. If your Bezier is
affecting the "x" and "y" (or "left" and "top") properties of your target and you don't need to offset the rotation by a certain
amount more than normal, then you can simply set <code>autoRotate:true</code>. Or if you want to offset
the rotation by a certain amount (in degrees), you can define a number like <code>autoRotate:90</code> (adding
90 degrees in this example). Or for more advanced controls, you can define <code>autoRotate</code> as an array.
In order to adjust a rotation property accurately, the plugin needs 5 pieces of information:
<ol>
<li> Position property 1 (typically <code>"x"</code> or <code>"left"</code>)</li>
<li> Position property 2 (typically <code>"y"</code> or <code>"top"</code>)</li>
<li> Rotational property (typically <code>"rotation"</code>)</li>
<li> Number of degrees (or radians) to add to the new rotation (optional - makes it easy to orient your target properly)</li>
<li> Boolean value indicating whether or not the rotational property should be defined in radians rather than degrees (default is <code>false</code> which results in degrees)</li>
</ol>
The <code>autoRotate</code> property should be an Array containing these values, like
<code>["x","y","rotation",90*Math.PI/180,true]</code>. And if you need to affect multiple rotational
properties (like in 3D tweens where the Bezier is going through x,y,z points which could affect rotationX, rotationY, and rotationZ),
you can use an array of arrays, like
<code>[["x","y","rotationZ",0,false], ["z","x","rotationY",0,false], ["z","y","rotationX",0,false]]</code>.
Note: 3D CSS animations aren't supported yet, but you if you're using a canvas-based framework that
recognizes 3D properties, it should certainly be compatible with BezierPlugin.</li>
<li>
<b>correlate</b> : String (default:"x,y,z,left,top,right,bottom,marginLeft,marginTop,marginRight,marginBottom,paddingLeft,paddingTop,paddingRight,paddingBottom") (only applies to <code>type:"thru"</code>) -
a comma-delimited list of property names whose relative distances should be correlated when calculating
the Bezier that travels through the points. Since x, y, z, left, top, etc. are all spacial, it is almost always good
to correlate them, but properties like scaleX, scaleY, etc. don't typically need to be correlated.
It is rarely necessary to alter the default <code>correlate</code> value, so there's typically no need to even define one
at all (let the plugin use its defaults).</li>
</ul>
<p>
<b>IMPORTANT:</b> if you are trying to do a bezier tween of css-related properties, make sure you utilize the
CSSPlugin and put your bezier data <b>inside</b> the <code>css</code> object. BezierPlugin is not
just for css-related properties - it can handle virtually any property of any object.</p>
<b>SYNTAX</b>
<div class="listing" version="3.0"><pre>
//tween the "left" and "top" css properties through the supplied values (notice we put bezier inside the css object and we're passing the array directly to the bezier rather than creating an object with "values" because we're accepting the defaults)
TweenMax.to(document.getElementById("myDiv"), 5, {css:{bezier:[{left:100, top:250}, {left:300, top:0}, {left:500, top:400}]}, ease:Power1.easeInOut});
//if we want to customize things, like the curviness and setting autoRotate:true, we need to define the bezier as an object instead, and pass our array as the "values" property
TweenMax.to(document.getElementById("myDiv"), 5, {css:{bezier:{curviness:1.25, values:[{x:100, y:250}, {x:300, y:0}, {x:500, y:400}], autoRotate:true}, backgroundColor:"#f00"}, ease:Power1.easeInOut});
//let's define the type as "soft" instead of using the default "thru"
TweenMax.to(document.getElementById("myDiv"), 5, {css:{bezier:{type:"soft", values:[{x:100, y:250}, {x:300, y:0}, {x:500, y:400}], autoRotate:true}}, ease:Power1.easeInOut});
//now we'll do a cubic Bezier and make our target auto rotate but add 45 degrees to the rotation
TweenMax.to(document.getElementById("myDiv"), 5, {css:{bezier:{type:"cubic", values:[{x:100, y:250}, {x:150, y:100}, {x:300, y:500}, {x:500, y:400}], autoRotate:["x","y","rotation",45,false]}}, ease:Power1.easeInOut});
//NON-CSS, generic x/y property tween: animate obj through the points in the array (notice we're passing the array directly to the bezier rather than creating an object with "values" because we're accepting the defaults)
TweenMax.to(obj, 5, {bezier:[{x:100, y:250}, {x:300, y:0}, {x:500, y:400}], ease:Power1.easeInOut});
</pre></div>
<p>You can tap into BezierPlugin's Bezier drawing algorithm by passing its <code>bezierThrough()</code> method your
array of points/objects and it will spit back and object with all the necessary data, either in Cubic Bezier
form or in Quadratic Bezier form so that you could, for example, draw the path using the canvas's drawing API.
It also has some useful static <code>cubicToQuadratic()</code> and <code>quadraticToCubic()</code> conversion methods.</p>
<p>
<b>Copyright 2008-2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="methodSummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Methods </div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableMethod"><tr><th>&nbsp;</th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#bezierThrough()" class="signatureLink">bezierThrough</a>(values:Array, curviness:Number = 1, quadratic:Boolean = false, correlate:String = x,y,z, prepend:Object = null, calcDifs:Boolean = false):Object</div><div class="summaryTableDescription">[static]
Takes an array that contains objects (could be Points, could be generic objects with
any number of properties but they should all match in terms of the names of properties like
[{x:0, y:0, scaleX:0.5}, {x:100, y:-200, scaleX:1.2}, {x:300, y:20, scaleX:0.8}]) and plots Bezier
segments THROUGH those values and returns an array containing a generic object for each Bezier segment.</div></td><td class="summaryTableOwnerCol">BezierPlugin</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#cubicToQuadratic()" class="signatureLink">cubicToQuadratic</a>(a:Number, b:Number, c:Number, d:Number):Array</div><div class="summaryTableDescription">[static]
Using the fixed midpoint approach, we return an array of 4 quadratic Beziers that
closely approximates the cubic Bezier data provided.</div></td><td class="summaryTableOwnerCol">BezierPlugin</td></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#quadraticToCubic()" class="signatureLink">quadraticToCubic</a>(a:Number, b:Number, c:Number):Object</div><div class="summaryTableDescription">[static]
Returns the Cubic equivalent of a Quadratic Bezier.</div></td><td class="summaryTableOwnerCol">BezierPlugin</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><a name="methodDetail"></a><div class="detailSectionHeader">Method Detail</div><a name="bezierThrough()"></a><a name="bezierThrough(Array,Number,Boolean,String,Object,Boolean)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">bezierThrough</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td></tr></table><div class="detailBody"><code> public static function bezierThrough(values:Array, curviness:Number = 1, quadratic:Boolean = false, correlate:String = x,y,z, prepend:Object = null, calcDifs:Boolean = false):Object</code><p></p><p></p><p>
Takes an array that contains objects (could be Points, could be generic objects with
any number of properties but they should all match in terms of the names of properties like
<code>[{x:0, y:0, scaleX:0.5}, {x:100, y:-200, scaleX:1.2}, {x:300, y:20, scaleX:0.8}]</code>) and plots Bezier
segments THROUGH those values and returns an array containing a generic object for each Bezier segment. By default
Cubic Beziers (which use 2 control points per segment) are used but you can optionally request Quadratic Beziers (1 control
point per segment) instead using the <code>quadratic</code> parameter.
<p>For Cubic Beziers (the default), each segment object will have <code>a, b, c,</code> and <code>d</code> properties:</p>
<ul>
<li><b>a</b> - the starting anchor value of the Cubic Bezier segment. For example,
<code>bezierThrough([{x:0, y:0, scaleX:0.5}, {x:100, y:-200, scaleX:1.2}, {x:300, y:20, scaleX:0.8}]);</code>
would return an object with "x", "y", and "scaleX" properties, each containing an array of objects, one per Bezier segment and you could
access the first Bezier's initial anchor values like:
<code>myReturnedObject.x[0].a, myReturnedObject.y[0].a</code>, and <code>myReturnedObject.scaleX[0].a</code></li>
<li><b>b</b> - the first control point value of the Cubic Bezier segment. For example,
<code>bezierThrough([{x:0, y:0, scaleX:0.5}, {x:100, y:-200, scaleX:1.2}, {x:300, y:20, scaleX:0.8}]);</code>
would return an object with "x", "y", and "scaleX" properties, each containing an array of objects, one per Bezier segment and you could
access the first Bezier's first control point values like:
<code>myReturnedObject.x[0].b, myReturnedObject.y[0].b</code>, and <code>myReturnedObject.scaleX[0].b</code></li>
<li><b>c</b> - the second control point value of the Cubic Bezier segment. For example,
<code>bezierThrough([{x:0, y:0, scaleX:0.5}, {x:100, y:-200, scaleX:1.2}, {x:300, y:20, scaleX:0.8}]);</code>
would return an object with "x", "y", and "scaleX" properties, each containing an array of objects, one per Bezier segment and you could
access the first Bezier's second control point values like:
<code>myReturnedObject.x[0].c, myReturnedObject.y[0].c</code>, and <code>myReturnedObject.scaleX[0].c</code></li>
<li><b>d</b> - the final anchor value of the Cubic Bezier segment. For example,
<code>bezierThrough([{x:0, y:0, scaleX:0.5}, {x:100, y:-200, scaleX:1.2}, {x:300, y:20, scaleX:0.8}]);</code>
would return an object with "x", "y", and "scaleX" properties, each containing an array of objects, one per Bezier segment and you could
access the first Bezier's final anchor values like:
<code>myReturnedObject.x[0].d, myReturnedObject.y[0].d</code>, and <code>myReturnedObject.scaleX[0].d</code></li>
</ul>
<p>If you set the <code>quadratic</code> parameter to <code>true</code>, all of the Bezier segments will contain <code>a, b,</code>
and <code>c</code> properties (<b>NOT</b> <code>d</code>) where <code>b</code> is the only control point. This can be
very useful because some drawing APIs only understand Quadratic Beziers. There are 4 times as many Quadratic Beziers returned as
Cubic Beziers, though, due to the fact that the internal algorithm uses Cubic Beziers to plot the points (they're much more flexible)
and then splits each into 4 Quadratic ones.</p>
<div class="listing" version="3.0"><pre>
//input:
var beziers = BezierPlugin.bezierThrough([{x:0, y:0}, {x:250, y:400}, {x:500, y:0}]);
//output:
{
x:[{a:0, b:0, c:125, d:250}, {a:250, b:375, c:500, d:500}],
y:[{a:0, b:0, c:400, d:400}, {a:400, b:400, c:0, d:0}]
}</pre></div>
<div class="listing" version="3.0"><pre>
//get quadratic beziers so that we can use the canvas's drawing API...
var beziers = BezierPlugin.bezierThrough([{x:0, y:0}, {x:250, y:400}, {x:500, y:0}], 1, true);
var bx = beziers.x; //the "x" Beziers
var by = beziers.y; //the "y" Beziers
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">values</span>:Array</code> &mdash; An array containing generic objects with matching properties (or Point instances) through which the Beziers should be plotted, like <code>[{x:0, y:0, scaleX:0.5}, {x:100, y:-200, scaleX:1.2}, {x:300, y:20, scaleX:0.8}]</code>
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">curviness</span>:Number</code> (default = <code>1</code>)<code></code> &mdash; A number (default: 1) that controls the strength of the curves that are plotted through the values. A curviness of 0 would be result in straight lines, 1 is normal curviness, and 2 would be extreme curves. Use any value.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">quadratic</span>:Boolean</code> (default = <code>false</code>)<code></code> &mdash; if <code>true</code>, quadratic Bezier information will be returned instead of cubic Bezier data, thus each object in the returned array will only contain a, b, and c properties where b is the control point.
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">correlate</span>:String</code> (default = <code>x,y,z</code>)<code></code> &mdash; a comma-delimited list of property names whose relative distances should be correlated with each other when calculating the curvature of the Bezier through the values (the default is <code>"x,y,z"</code> because those are almost always properties that should be correlated).
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">prepend</span>:Object</code> (default = <code>null</code>)<code></code> &mdash; [optional] an object to treat as though it is the first element in the <code>values</code> array (typically only used internally for adding a tween's starting values)
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">calcDifs</span>:Boolean</code> (default = <code>false</code>)<code></code> &mdash; if <code>true</code>, <code>da, ca,</code> and <code>ba</code> properties will be added to each bezier segment indicating (d - a), (c - a), and (b - a) which is typically only useful for improving animation performance slightly by precalculating those values instead of doing it each time the tween updates.
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>Object</code> &mdash; An object with properties matching those from the objects in the <code>values</code> array, with an array assigned to each property populated with an object for each Bezier. The Bezier objects will contain <code>a, b, c</code> (and <code>d</code> if <code>quadratic</code> is not <code>true</code>) properties for the anchors and control points.
</td></tr></table></div><a name="cubicToQuadratic()"></a><a name="cubicToQuadratic(Number,Number,Number,Number)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">cubicToQuadratic</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public static function cubicToQuadratic(a:Number, b:Number, c:Number, d:Number):Array</code><p></p><p></p><p>
Using the fixed midpoint approach, we return an array of 4 quadratic Beziers that
closely approximates the cubic Bezier data provided. Each quadratic Bezier object contains
<code>a, b,</code> and <code>c</code> properties where <code>a</code> is the starting anchor value,
<code>b</code> is the control point, and <code>c</code> is the ending anchor value.
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">a</span>:Number</code> &mdash; starting anchor of the cubic Bezier
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">b</span>:Number</code> &mdash; first control point of the cubic Bezier
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">c</span>:Number</code> &mdash; second control point of the cubic Bezier
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">d</span>:Number</code> &mdash; final anchor of the cubic Bezier
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>Array</code> &mdash; an array of 4 objects, one for each quadratic Bezier with a, b, and c properties
</td></tr></table></div><a name="quadraticToCubic()"></a><a name="quadraticToCubic(Number,Number,Number)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">quadraticToCubic</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td><td class="detailHeaderRule">&nbsp;</td></tr></table><div class="detailBody"><code> public static function quadraticToCubic(a:Number, b:Number, c:Number):Object</code><p></p><p></p><p>
Returns the Cubic equivalent of a Quadratic Bezier. This method returns an object with a, b, c, and d properties
representing the starting anchor value (a), first control point (b), second control point (c), and ending anchor value (d)
of a Cubic Bezier matching the Quadratic Bezier data passed in.
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">a</span>:Number</code> &mdash; The starting anchor value
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">b</span>:Number</code> &mdash; The control point value
</td></tr><tr><td class="paramSpacer">&nbsp;</td></tr><tr><td width="20px"></td><td><code><span class="label">c</span>:Number</code> &mdash; The ending anchor value
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>Object</code> &mdash; An object with a, b, c, and d properties representing the starting anchor value (a), first control point (b), second control point (c), and ending anchor value (d) of a Cubic Bezier matching the Quadratic Bezier data passed in.
</td></tr></table></div><br/><br/><hr><br/><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 -->

302
duo/js/greensock-v12-js/docs/com/greensock/plugins/CSSPlugin.html 100755
View File

@ -0,0 +1,302 @@
<!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"><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"><meta name="keywords" content="CSSPlugin,com.greensock.plugins.CSSPlugin"><title>com.greensock.plugins.CSSPlugin</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 = 'CSSPlugin - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/plugins/CSSPlugin.html&amp;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">CSSPlugin</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("CSSPlugin"); titleBar_setSubNav(false,false,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.plugins</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class CSSPlugin</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">CSSPlugin <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> <a href="../../../com/greensock/plugins/TweenPlugin.html">TweenPlugin</a> <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
With the help of the CSSPlugin, <b>GSAP can animate almost any css-related property</b> 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. Load the CSSPlugin js
file to enable these capabilities and then make sure you define your values (in camel case form) inside a "css" property of
the <code>vars</code> parameter, like this:
<div class="listing" version="3.0"><pre>
//notice the css-related values are inside the "css" object but the ease is not:
TweenLite.to(element, 1, {css:{top:"20px", left:"100px", backgroundColor:"#FF0000"}, ease:Power2.easeOut});
</pre></div>
<p>
<i>
<b>Note:</b> a common mistake is to forget to wrap css-related properties in a css object which is essential for
specifying your intent. Remember, GSAP (GreenSock Animation Platform) isn't just for tweening css properties. And always use camel case
representations of the properties, so instead of "font-size", you'd use "fontSize".</i>
</p>
<p>
<i>To get up and running quickly with GSAP, check out the <a href="http://www.greensock.com/jump-start-js/" target="external">Jump Start tour</a>
which covers the basics in a fun, interactive way. To see the CSS3-specific features (like 3D transforms, boxShadow, textShadow, borderRadius, and clip)
demonstrated and explained, see <a href="http://www.greensock.com/css3/" target="external">http://www.greensock.com/css3/</a>.</i>
</p>
<p>You can even define properties that are not generally tweenable and GSAP will apply the property for you (like
position:"absolute" or borderStyle:"solid"). These non-tweenable properties will be set at the beginning of the
tween (except <code>display:"none"</code> which will be applied at the end of the tween for obvious reasons).</p>
<p>It is typically
a good idea to define a unit of measurement (like "24px" instead of "24" or "50%" rather than "50") but the default in most
cases is pixels (px), so you can omit the unit if you prefer. In fact, you can define your own defaults using the
<code>CSSPlugin.suffixMap</code> object. And even if the unit of measurement doesn't match the current one, GSAP will
attempt to convert them for you. So, for example, you could tween a width from "50%" to "200px".</p>
<p>CSSPlugin can even animate complex values like <b>
<code>boxShadow:"0px 0px 20px 20px red"</code>
</b> and
<b>
<code>borderRadius:"50% 50%"</code>
</b> and <b>
<code>border:"5px solid rgb(0,255,0)"</code>
</b>.
When necessary, it attempts to figure out if the property needs a vendor prefix and applies it accordingly. There
may be a small subset of complex or bleeding-edge css properties that CSSPlugin can't handle yet, but the vast majority work great.</p>
<p>In addition to almost all of the standard css properties, CSSPlugin recognizes some special ones that can be quite convenient:</p>
<ul>
<li>2D transforms: <b>rotation</b>, <b>scaleX</b>, <b>scaleY</b>, <b>scale</b>, <b>skewX</b>, <b>skewY</b>,
<b>x</b>, and <b>y</b> - one of the most convenient things about the CSSPlugin is that it greatly simplifies transforms in the various
browsers <b>including IE back through version 6!</b> No need to mess with various browser prefixes or funky matrix filters in IE. You can animate
2D transform properties inuitively:
<div class="listing" version="3.0"><pre>//much simpler
TweenLite.to(element, 2, {css:{rotation:30, scaleX:0.8}});
</pre></div>
By default, rotation, skewX, and skewY use degrees but you can use radians if you prefer. Simply append one of the standard suffixes ("rad" or "deg") like this:
<div class="listing" version="3.0"><pre>//use "deg" or "rad"
TweenLite.to(element, 2, {css:{rotation:"1.25rad", skewX:"30deg"}});
</pre></div>
To be clear, this is like setting the element's css to: <code>transform:rotate(1.25rad) skewX(30deg)</code> along with all the other browser prefix
values and the necessary IE filter which would be much more verbose. And CSSPlugin will affect the skewX/skewY values in a slightly different (arguably more intuitive)
way than some browsers because visually the object isn't stretched. For example, if you set <code>transform:skewX(85deg)</code> in the browser
via CSS, the object would become EXTREMELY long (stretched) whereas with CSSPlugin, it would look more like it sheared in 3D space. Again
this was a purposeful design decision because this behavior is more likely what animators desire. You can certainly get the same effect
as the default browser behavior by tweening the scaleX/scaleY accordingly, using trigonometry.
<p>
<i>
<b>Notes about 2D transforms:</b>
</i>
</p>
<ol>
<li>
<i>It is typically best to set the element's position to "absolute" to avoid clipping in the browsers. </i>
</li>
<li>
<i>You can use "scale" as a shortcut to control both the "scaleX" and "scaleY" properties identically.</i>
</li>
<li>
<i>You can define relative values, like <code>rotate:"+=30deg"</code>
</i>
</li>
<li>
<i>The order in which you declare the transform properties makes no difference.</i>
</li>
<li>
<i>If your goal is to animate the x/y position of the element, browsers seem to perform slightly better if you just animate the regular "top" and "left" properties instead of "x" and "y".</i>
</li>
<li>
<i>TweenLite has nothing to do with the rendering quality of the element in the browser. Some browsers seem to render transformed elements beautifully while others don't handle anti-aliasing as well.</i>
</li>
<li>
<i>IE6, IE7, and IE8 transforms don't apply to child elements (it's a browser limitation).</i>
</li>
</ol>
</li>
<li>
<b>3D transforms</b>: in addition to all of the regular 2D properties (x, y, scaleX, scaleY, scale, rotation, skewX, and skewY) that work in almost all browsers,
you can animate 3D properties too like <b>rotationX</b>, <b>rotationY</b>, <b>rotationZ</b> (identical to regular "rotation"),
<b>z</b>, <b>perspective</b>, and <b>transformPerspective</b> in most modern browsers (see
<a href="http://caniuse.com/transforms3d" target="external">http://caniuse.com/transforms3d</a> for details about browser support for 3D transforms).
To see 3D transforms demonstrated visually in GSAP, see <a href="http://www.greensock.com/css3/" target="external">http://www.greensock.com/css3/</a>. Again, there is no need to use
browser prefixes; CSSPlugin handles all of that for you under the hood. You can animate 3D transform properties and 2D properties (except skew) together inuitively:
<div class="listing" version="3.0"><pre>
TweenLite.to(element, 2, {css:{rotationX:45, scaleX:0.8, z:-300}});
</pre></div>
To get your elements to have a true 3D visual perspective applied, you must either set the <b>"perspective"</b> property of the parent element
or set the special "transformPerspective" of the element itself (common values range from around 200 to 1000, the lower the number the
stronger the perspective distortion). The "transformPerspective" is like adding a <code>perspective()</code> directly inside the css "transform" style, like:
<code>transform:perspective(500px) rotateX(45deg)</code> which only applies to that specific element whereas if you want to a
group of elements share a common perspective (the same vanishing point), you should set the regular "perspective" property on the
parent/container of those elements. For more information about perspective, see <a href="http://desandro.github.com/3dtransforms/docs/perspective.html" target="external">this article</a>.
<div class="listing" version="3.0"><pre>//apply a perspective to the PARENT element (the container) to make the perspective apply to all child elements (typically best)
TweenLite.set(container, {css:{perspective:500}});
//or set a default perspective that will be applied to every individual element that you tween in 3D:
CSSPlugin.defaultTransformPerspective = 500;
//or apply perspective to a single element using "transformPerspective"
TweenLite.set(element, {css:{transformPerspective:500}});
</pre></div>
In regular CSS, the order that you list the transforms matters but GSAP always applies them in the same order for consistency:
scale, then rotation (same as rotationZ), then rotationY, then rotationX, then translation (x, y, z). If you want to rotate
the element around a point in 3D space other than its center, use the <code>transformOrigin</code> property (see below).
<div class="listing" version="3.0"><pre>//sample css:
.myClass {
transform: scale(1.5, 1.5) rotateY(45deg) translate3d(10px, 0px, -200px)
}
//corresponding GSAP transform (tweened over 2 seconds):
TweenLite.to(element, 2, {css:{scale:1.5, rotationY:45, x:10, y:0, z:-200}});
//sample css that uses a perspective():
.myClass {
transform: perspective(500px) rotate(120deg) translateY(50px)
}
//corresponding GSAP transform (set, not tweened):
TweenLite.set(element, {css:{transformPerspective:500, rotation:120, y:50}});
</pre></div>
<p>
<i>
<b>Notes about 3D transforms:</b>
</i>
</p>
<ol>
<li>
<i>In browsers that don't support 3D transforms, they'll be ignored. For example, rotationX may not work, but rotation would. See <a href="http://caniuse.com/transforms3d" target="external">http://caniuse.com/transforms3d</a> for a chart of which browser versions support 3D transforms.</i>
</li>
<li>
<i>All transforms are remembered, so you can tween individual properties without worrying that they'll be lost. You don't need to define all of the transform properties on every tween - only the ones you want to animate.</i>
</li>
<li>
<i>TweenLite has nothing to do with the rendering quality of the element in the browser. Some browsers seem to render transformed elements beautifully while others don't handle anti-aliasing as well.</i>
</li>
<li>
<i>To learn more about css 3D transforms, see <a href="http://coding.smashingmagazine.com/2012/01/06/adventures-in-the-third-dimension-css-3-d-transforms/" target="external">this article</a>
</i>
</li>
<li>
<i>IE10 supports 3D transforms, but it does <b>not</b> support transformStyle of "preserve-3d" (see <a href="http://msdn.microsoft.com/en-us/library/ie/hh673529(v=vs.85).aspx#the_ms_transform_style_property" target="external">Microsoft's site</a> for details).</i>
</li>
</ol>
</li>
<li>
<b>transformOrigin</b> - Sets the origin around which all transforms (2D and/or 3D) occur. By default, it is in the center
of the element ("50% 50%"). You can define the values using the keywords "top", "left", "right",
or "bottom" or you can use percentages (bottom right corner would be "100% 100%") or pixels. If,
for example, you want an object to spin around its top left corner you can do this:
<div class="listing" version="3.0"><pre>//spins around the element's top left corner
TweenLite.to(element, 2, {css:{rotation:360, transformOrigin:"left top"}});
</pre></div>
<p>The first value in the quotes corresponds to the x-axis and the second corresponds to the y-axis, so to make the object transform
around exactly 50px in from its left edge and 20px from its top edge, you could do: </p>
<div class="listing" version="3.0"><pre>
//spins/scales around a point offset from the top left by 50px, 20px
TweenLite.to(element, 2, {css:{rotation:270, scale:0.5, transformOrigin:"50px 20px"}});
</pre></div>
You can define a transformOrigin as a <b>3D value</b> by adding a 3rd number, like to rotate around the y-axis from
a point that is offset 400px in the distance, you could do:
<div class="listing" version="3.0"><pre>
//rotates around a point that is 400px back in 3D space, creating an interesting effect:
TweenLite.to(element, 2, {css:{rotationY:360, transformOrigin:"50% 50% -400px"}});
</pre></div>
<p>
<i>
<b>Notes about transformOrigin:</b>
</i>
</p>
<ol>
<li>
<i>CSSPlugin automatically works around a bug in Safari that causes 3D transformOrigin values to incorrectly act as though they affect translateZ(). To work around the bug, when you perform a 3D tween that has a transformOrigin with a non-zero z component (like <code>transformOrigin:"50% 50% -100px"</code>), CSSPlugin will record the z-component (-100px in this example) internally and remove it from the transformOrigin that gets applied to the css. Everything will render correctly because the z-axis origin offset is calculated internally and applied to the matrix3d(). Just keep in mind that if you check the css value of the transformOrigin after the tween has started, it won't have the z component but that's by design.</i>
</li>
<li>
<i>transformOrigin even works in Internet Explorer back to version 6 in 2D, although it is recommended that you set the element's position to "absolute" to avoid clipping.</i>
</li>
</ol>
</li>
<li>
<b>shortRotation</b> - tweens the rotation property in the shortest direction. For example, if the element's rotation
is currently 170 degrees and you want to tween it to -170 degrees, a normal rotation tween would travel a total of 340 degrees in the
counter-clockwise direction, but if you use shortRotation, it would travel 20 degrees in the clockwise direction instead. Example:
<div class="listing" version="3.0"><pre>TweenLite.to(element, 2, {css:{shortRotation:-170}});</pre></div>
For 3D rotations, you may also use <code>shortRotationX</code> and <code>shortRotationY</code>.
</li>
<li>
<b>autoAlpha</b> - the same thing as "opacity" except that when the value hits "0", the
"visibility" property will be set to "hidden" in order to improve browser rendering performance and
prevent clicks/interactivity on the target. When the value is anything other than 0, "visibility" will be set to
"visible". And if the element's visibility is initially set to "hidden" and opacity is 1, it will assume opacity
should also start at 0. This makes it simple to start things out on your page as invisible (set your css visibility:hidden)
and then fade them in whenever you want.
<div class="listing" version="3.0"><pre>//fade out and set visibility:hidden
TweenLite.to(element, 2, {css:{autoAlpha:0}});
//in 2 seconds, fade back in with visibility:visible
TweenLite.to(element, 2, {css:{autoAlpha:1}, delay:2});
</pre></div>
</li>
<li>
<b>className</b> - allows you to morph between classes on an element. For example, let's say myElement has a class of "class1" currently and you want to change to "class2" and animate the differences, you could do this:
<div class="listing" version="3.0"><pre>TweenLite.to(myElement, 1, {css:{className:"class2"}});</pre></div>
<p>And if you want to ADD the class to the existing one, you can simply use the "+=" prefix. To remove a class, use the "-=" prefix like this:</p>
<div class="listing" version="3.0"><pre>TweenLite.to(myElement, 1, {css:{className:"+=class2"}});</pre></div>
<p>
<i>Note: there are some css-related properties that don't tween like IE filters and 3D transforms (support for those may come in the future).
Also, there is a slight speed penalty when using className because the engine needs to loop through all of the css properties to see which
ones are different.</i>
</p>
</li>
<li>
<b>bezier</b> - Animate virtually any property (or properties) along a Bezier (curved) path which you define
as an array of points/values that can be interpreted in several different ways, like as points through which a Bezier should
be drawn, or cubic or quadratic Bezier control and anchor points, etc. See the
<a href="http://api.greensock.com/js/com/greensock/plugins/BezierPlugin.html" target="">BezierPlugin's documentation</a> for details and
an explanation of all the features available. Don't forget to load the BezierPlugin JavaScript file in order to utilize
its features from within CSSPlugin. Here is an example of a bezier tween that makes an element curve through 3 points
using x and y transform properties and also automatically rotates it along the path as it goes:
<div class="listing" version="3.0"><pre>TweenLite.to(element, 5, {css:{bezier:{curviness:1.25, values:[{x:100, y:200}, {x:250, y:400}, {x:500, y:50}], autoRotate:true}}, ease:Power1.easeOut});</pre></div>
</li>
<li>
<b>autoRound</b> - By default, CSSPlugin will round pixel values and zIndex to the closest integer during the tween (the inbetween
values) because it improves browser performance, but if you'd rather disable that behavior, pass <code>autoRound:false</code> in the css object.
You can still use the RoundPropsPlugin to manually define properties that you want rounded.</li>
</ul>
<p>
<b>Copyright 2008-2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><br/><br/><hr><br/><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 -->

98
duo/js/greensock-v12-js/docs/com/greensock/plugins/CSSRulePlugin.html 100755
View File

@ -0,0 +1,98 @@
<!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"><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"><meta name="keywords" content="CSSRulePlugin,com.greensock.plugins.CSSRulePlugin,bezierThrough,cubicToQuadratic,getRule,quadraticToCubic"><title>com.greensock.plugins.CSSRulePlugin</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 = 'CSSRulePlugin - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/plugins/CSSRulePlugin.html&amp;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">CSSRulePlugin</td><td class="titleTableSubNav" id="subNav" align="right"><a href="#methodSummary">Methods</a></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("CSSRulePlugin"); titleBar_setSubNav(false,false,false,false,false,false,false,false,true,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.plugins</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class CSSRulePlugin</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">CSSRulePlugin <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> <a href="../../../com/greensock/plugins/TweenPlugin.html">TweenPlugin</a> <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Allows TweenLite and TweenMax to animate the raw <b>style sheet rules</b> which affect all objects of a particular selector
rather than affecting an individual DOM element's <code>style</code> (that's what the CSSPlugin is for). For example, if you have
a CSS class named <code>".myClass"</code> that sets <code>background-color</code> to <code>"#FF0000"</code>, you could tween that
to a different color and ALL of the objects on the page that use <code>".myClass"</code> would have their background color change.
Typically it is best to use the regular CSSPlugin to animate css-related properties of individual elements so that you can get
very precise control over each object, but sometimes it can be useful to tween the global rules themselves instead. For example,
pseudo elements (like <code>:after, :before,</code> etc. are impossible to reference directly in JavaScript, but you can animate
them using CSSRulePlugin. <b>
<i>NOTE: CSSRulePlugin requires the CSSPlugin, so please make sure it is loaded too.</i>
</b>
<p>The plugin itself actually has a static <b>
<code>getRule()</code>
</b> method that you can use to grab a reference to the style sheet
itself based on the selector you used in your CSS. For example, let's say you have CSS like this:</p>
<div class="listing" version="3.0"><pre>
.myClass {
&nbsp;&nbsp;&nbsp;&nbsp;color:#FF0000;
}
.myClass:before {
&nbsp;&nbsp;&nbsp;&nbsp;content:"This content is before.";
&nbsp;&nbsp;&nbsp;&nbsp;color:#00FF00;
}
</pre></div>
<p>Now let's say you want to tween the color of the <code>.myClass:before</code> to blue. Make sure you load the
CSSRulePlugin and CSSPlugin JavaScript files and then you can do this:</p>
<div class="listing" version="3.0"><pre>
var rule = CSSRulePlugin.getRule(".myClass:before"); //get the rule
TweenLite.to(rule, 3, {cssRule:{color:"#0000FF"}});
</pre></div>
<p>And if you want to get <b>ALL</b> of the :before pseudo elements, the <code>getRule()</code> will return an array of them, so I could do this:</p>
<div class="listing" version="3.0"><pre>
TweenLite.to( CSSRulePlugin.getRule(":before"), 3, {cssRule:{color:"#0000CC"}});
</pre></div>
<p>Keep in mind that it is typically best to tween a property that has already been defined in the specific rule that you're selecting
because it cannot perform a calculated style (the combination of styles from other selectors that might pertain to similar elements).
For example, if we didn't define any color initially for the <code>.myClass:before</code> and tried to tween its color to blue, it would
start transparent and go to blue. One way around this is to simply set your starting values explicitly in the tween by doing a
<code>fromTo()</code>. That way there's no having to guess what the starting value should be when it isn't defined previously.</p>
<p>Don't forget to wrap the values in a <code>cssRule:{}</code> object.</p>
<p>
<b>Copyright 2008-2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><a name="methodSummary"></a><div class="summarySection"><div class="summaryTableTitle">Public Methods </div><table cellspacing="0" cellpadding="3" class="summaryTable " id="summaryTableMethod"><tr><th>&nbsp;</th><th colspan="2">Method</th><th class="summaryTableOwnerCol">Defined By</th></tr><tr class=""><td class="summaryTablePaddingCol">&nbsp;</td><td class="summaryTableInheritanceCol">&nbsp;</td><td class="summaryTableSignatureCol"><div class="summarySignature"><a href="#getRule()" class="signatureLink">getRule</a>(selector:String):Object</div><div class="summaryTableDescription">[static]
Provides a simple way to find the style sheet object associated with a particular selector like ".myClass" or "#myID".</div></td><td class="summaryTableOwnerCol">CSSRulePlugin</td></tr></table></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><a name="methodDetail"></a><div class="detailSectionHeader">Method Detail</div><a name="getRule()"></a><a name="getRule(String)"></a><table class="detailHeader" cellpadding="0" cellspacing="0"><tr><td class="detailHeaderName">getRule</td><td class="detailHeaderParens">()</td><td class="detailHeaderType">method</td></tr></table><div class="detailBody"><code> public static function getRule(selector:String):Object</code><p></p><p></p><p>
Provides a simple way to find the style sheet object associated with a particular selector like ".myClass" or "#myID".
You'd use this method to determine the target of your tween. For example, let's say you have CSS like this:
<div class="listing" version="3.0"><pre>
.myClass {
&nbsp;&nbsp;&nbsp;&nbsp;color:#FF0000;
}
.myClass:before {
&nbsp;&nbsp;&nbsp;&nbsp;content:"This content is before.";
&nbsp;&nbsp;&nbsp;&nbsp;color:#00FF00;
}
</pre></div>
<p>And you want to tween the color of the <code>.myClass:before</code> to blue. Make sure you load the
CSSRulePlugin.js file and then you can do this:</p>
<div class="listing" version="3.0"><pre>
var rule = CSSRulePlugin.getRule(".myClass:before"); //get the rule
TweenLite.to(rule, 3, {cssRule:{color:"#0000FF"}});
</pre></div>
<p>Or you can feed the value directly into the tween like this:</p>
<div class="listing" version="3.0"><pre>
TweenLite.to( CSSRulePlugin.getRule(".myClass:before"), 3, {cssRule:{color:"#0000FF"}});
</pre></div>
</p><p><span class="label"> Parameters </span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20px"></td><td><code><span class="label">selector</span>:String</code> &mdash; The name that exactly matches the selector you want to animate (like ".myClassName").
</td></tr></table></p><p></p><span class="label">Returns</span><table cellpadding="0" cellspacing="0" border="0"><tr><td width="20"></td><td><code>Object</code> &mdash; The style sheet object (or an array of them if you define only a pseudo element selector like <code>:before</code>)
</td></tr></table></div><br/><br/><hr><br/><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 -->

65
duo/js/greensock-v12-js/docs/com/greensock/plugins/ColorPropsPlugin.html 100755
View File

@ -0,0 +1,65 @@
<!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"><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"><meta name="keywords" content="ColorPropsPlugin,com.greensock.plugins.ColorPropsPlugin"><title>com.greensock.plugins.ColorPropsPlugin</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 = 'ColorPropsPlugin - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/plugins/ColorPropsPlugin.html&amp;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">ColorPropsPlugin</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("ColorPropsPlugin"); titleBar_setSubNav(false,false,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.plugins</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class ColorPropsPlugin</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">ColorPropsPlugin <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> <a href="../../../com/greensock/plugins/TweenPlugin.html">TweenPlugin</a> <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Tweens any color-related property of any object, like <code>myObject.borderColor</code> from <code>"rgb(255,0,51)"</code>
to <code>"rgb(102,204,0)"</code> (and you can define the initial color in almost any format like <code>"#FF00CC"</code>
or <code>"rgba(255,0,51,0.5)"</code> or <code>"red"</code> or <code>"#f0c"</code> or <code>0xFF00CC</code>). New values
are always set in the format <code>"rgb(...)"</code> (or <code>rgba(...)</code> for values that include alpha).
<p>You can tween an unlimited number of color properties simultaneously. Just use the associated property name inside
the <code>colorProps:{}</code> object like this:</p>
<div class="listing" version="3.0"><pre>
//tweens myObject.borderColor and myObject.myCustomProp
TweenLite.to(myObject, 1, {colorProps:{borderColor:"red", myCustomProp:"rgb(204,51,0)"}, ease:Linear.easeNone});
</pre></div>
<p>ColorPropsPlugin is <b>NOT</b> generally intended to be used with css-related color properties because
the CSSPlugin already handles those. ColorPropsPlugin is meant to tween other color-related properties directly
on your JavaScript object(s).</p>
<p>You may even use getter and setter functions on your JavasScript object if you want, so for example let's
say your JavaScript object has a <code>getColor()</code> and <code>setColor()</code> method; tweening the
value would be as simple as:</p>
<div class="listing" version="3.0"><pre>
//tween a getter/setter-based value
TweenLite.to(myObject, 1, {colorProps:{setColor:"rgb(102,255,51)"}, ease:Linear.easeNone});
</pre></div>
<p>This even works for single-method getters/setters (like the ones in jQuery). For example, maybe
you have a <code>lineColor()</code> method that serves as a getter and a setter based on whether or
not you pass in a parameter like this:</p>
<div class="listing" version="3.0"><pre>
//gets
var color = myObject.lineColor();
//sets
myObject.lineColor("rgb(255,0,51)");
//tweens
TweenLite.to(myObject, 1, {colorProps:{lineColor:"rgb(102,255,51)"}, ease:Linear.easeNone});
</pre></div>
<p>
<b>Note:</b> a common mistake is to forget to wrap color-related properties in a <code>colorProps</code>
object which is essential for specifying your intent.</p>
<p>
<b>Copyright 2008-2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><br/><br/><hr><br/><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 -->

77
duo/js/greensock-v12-js/docs/com/greensock/plugins/EaselPlugin.html 100755
View File

@ -0,0 +1,77 @@
<!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"><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"><meta name="keywords" content="EaselPlugin,com.greensock.plugins.EaselPlugin"><title>com.greensock.plugins.EaselPlugin</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 = 'EaselPlugin - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/plugins/EaselPlugin.html&amp;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">EaselPlugin</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("EaselPlugin"); titleBar_setSubNav(false,false,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.plugins</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class EaselPlugin</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">EaselPlugin <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> <a href="../../../com/greensock/plugins/TweenPlugin.html">TweenPlugin</a> <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Tweens special EaselJS-related properties like ColorFilter (see <a href="http://www.createjs.com/#!/EaselJS" target="external">http://www.createjs.com/#!/EaselJS</a>
for more information about EaselJS). Of course you don't need the plugin to tween normal numeric properties of
EaselJS objects, but some filters or effects require special manipulation like ColorFilters (which is currently
the only filter supported by EaselPlugin but more will be added in the future).
<p>GreenSock's EaselPlugin exposes convenient properties that aren't a part of EaselJS's API like
<code>"tint", "tintAmount", "exposure",</code> and <code>"brightness"</code>. Simply wrap the values
that you'd like to tween in an "easel" object. Here are some examples:</p>
<div class="listing" version="3.0"><pre>
//setup stage and create a Shape into which we'll draw a circle later...
var canvas = document.getElementById('myCanvas'),
stage = new createjs.Stage(canvas),
circle = new createjs.Shape(),
g = circle.graphics;
//draw a red circle in the Shape
g.beginFill(createjs.Graphics.getRGB(255, 0, 0));
g.drawCircle(0, 0, 100);
g.endFill();
//in order for the ColorFilter to work, we must cache() the circle
circle.cache(-100, -100, 200, 200);
//place the circle at 200,200
circle.x = 200;
circle.y = 200;
//add the circle to the stage
stage.addChild(circle);
//setup a "tick" event listener so that the EaselJS stage gets updated on every frame/tick
TweenLite.ticker.addEventListener("tick", stage.update, stage);
stage.update();
//tween the tint of the circle to green and scale it to half-size
TweenLite.to(circle, 2, {scaleX:.5, scaleY:.5, easel:{tint:0x00FF00}});
//tween to a different tint that is only 50% (mixing with half of the original color) and animate the scale, position, and rotation simultaneously.
TweenLite.to(circle, 3, {scaleX:1.5, scaleY:0.8, x:250, y:150, rotation:180, easel:{tint:"#0000FF", tintAmount:0.5}, delay:3, ease:Elastic.easeOut});
</pre></div>
<p>You can tween any individual properties of the ColorFilter object like this:</p>
<div class="listing" version="3.0"><pre>
TweenLite.to(circle, 3, {easel:{colorFilter:{redMultiplier:0.5, blueMultiplier:0.8, greenOffset:100}}});
</pre></div>
<p>Or you can tween things like the "exposure" of an image which is a value from 0-2 where 1 is normal exposure, 2
is completely overexposed (white) and 0 is completely underexposed (black). Or define a "brightness" value
which uses the same concept: a value from 0-2. These effects can be very useful for images in particular.</p>
<p>
<b>Note:</b> a common mistake is to forget to wrap EaselJS-related properties in an <code>easel</code>
object which is essential for specifying your intent.</p>
<p>
<b>Copyright 2008-2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><br/><br/><hr><br/><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 -->

67
duo/js/greensock-v12-js/docs/com/greensock/plugins/RaphaelPlugin.html 100755
View File

@ -0,0 +1,67 @@
<!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"><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"><meta name="keywords" content="RaphaelPlugin,com.greensock.plugins.RaphaelPlugin"><title>com.greensock.plugins.RaphaelPlugin</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 = 'RaphaelPlugin - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/plugins/RaphaelPlugin.html&amp;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">RaphaelPlugin</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("RaphaelPlugin"); titleBar_setSubNav(false,false,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.plugins</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class RaphaelPlugin</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">RaphaelPlugin <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> <a href="../../../com/greensock/plugins/TweenPlugin.html">TweenPlugin</a> <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Enables TweenLite and TweenMax to animate properties of Raphael JavaScript objects (see
<a href="http://www.raphaeljs.com/" target="external">http://www.raphaeljs.com/</a>). Raphael is a JavaScript
framework that simplifies work with vector graphics on the web. For example:
<div class="listing" version="3.0"><pre>
// creates canvas 550 × 400 at 10, 50
var paper = Raphael(10, 50, 550, 400);
// creates rectangle at x = 50, y = 40, with a width of 200 and height of 100
var rect = paper.rect(50, 40, 200, 100);
// sets the fill attribute of the rectangle to red (#f00)
rect.attr("fill", "#f00");
// tween the fill to blue (#00f) and x to 100, y to 100, width to 100 and height to 50 over the course of 3 seconds using an ease of Power1.easeInOut
TweenLite.to(rect, 3, {raphael:{fill:"#00f", x:100, y:100, width:100, height:50}, ease:Power1.easeInOut});
</pre></div>
<p>
<i>
<b>Note:</b> a common mistake is to forget to wrap Raphael-related properties in a "raphael"
object which is essential for helping TweenLite/Max understand your intent. </i>
</p>
<p>You can tween any of the properties that you would normally set using raphael's <code>attr()</code> method as well
as the following transformation properties: <code>rotation, scaleX, scaleY, skewX, skewY, tx and ty</code> and even
<code>shortRotation</code> which will rotate in the shortest direction to the destination value. <code>tx</code> and
<code>ty</code> refer to the translation x and y properties (<code>e</code> and <code>f</code> from the element's matrix).
This gives you a lot of control, even beyond what's easily accomplished through Raphael's own methods. </p>
<p>
<b>globalPivot or localPivot</b> - You can define a custom pivot point around which transforms will be made
(rotation, skewX, skewY, scaleX, scaleY, tx, and ty) using either <code>globalPivot</code> or <code>localPivot</code>. The difference
between the two is that <code>localPivot</code> uses coordinates according to the object's local coordinate system which is
always the same regardless of its scale/rotation/position. Think of it like a point "inside" the object. <code>globalPivot</code>,
on the other hand, uses global coordinates according to the Raphael object that contains the tween's target. You can define the pivot point
either as an object with x and y properties like: <code>globalPivot:{x:50, y:25}</code> or a comma-delimited string like <code>globalPivot:"50,25"</code>.</p>
<div class="listing" version="3.0"><pre>
// tween the rotation to 270 degrees and scaleX to 0.5 using a global pivot point of x:120, y:80 over the course of 3 seconds using an ease of Power1.easeInOut
TweenLite.to(rect, 3, {raphael:{rotation:270, scaleX:0.5, globalPivot:{x:120, y:80}}, ease:Power1.easeInOut});
</pre></div>
<p>Note that <code>tx</code> and <code>ty</code> are automatically adjusted to accommodate any rotation or skew during the tween.
So, for example, if you tween the rotation and tx and ty, it will work fine but at the end, tx and ty may be slightly different
than what you defined for the tween because they had to be adjusted to prevent the object's rotation from throwing off the visual
position.</p>
<p>
<b>Copyright 2008-2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><br/><br/><hr><br/><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 -->

26
duo/js/greensock-v12-js/docs/com/greensock/plugins/RoundPropsPlugin.html 100755
View File

@ -0,0 +1,26 @@
<!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"><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"><meta name="keywords" content="RoundPropsPlugin,com.greensock.plugins.RoundPropsPlugin"><title>com.greensock.plugins.RoundPropsPlugin</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 = 'RoundPropsPlugin - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/plugins/RoundPropsPlugin.html&amp;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">RoundPropsPlugin</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("RoundPropsPlugin"); titleBar_setSubNav(false,false,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.plugins</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class RoundPropsPlugin</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">RoundPropsPlugin <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> <a href="../../../com/greensock/plugins/TweenPlugin.html">TweenPlugin</a> <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
If you'd like the inbetween values in a tween to always get rounded to the nearest integer, use the roundProps
special property. Just pass in a comma-delimited String containing the property names that you'd like rounded. For example,
if you're tweening the x, y, and alpha properties of mc and you want to round the x and y values (not alpha)
every time the tween is rendered, you'd do: <code>
TweenMax.to(mc, 2, {x:300, y:200, alpha:0.5, roundProps:"x,y"});</code>
<p>
<b>Copyright 2008-2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><br/><br/><hr><br/><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 -->

66
duo/js/greensock-v12-js/docs/com/greensock/plugins/ScrollToPlugin.html 100755
View File

@ -0,0 +1,66 @@
<!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"><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"><meta name="keywords" content="ScrollToPlugin,com.greensock.plugins.ScrollToPlugin"><title>com.greensock.plugins.ScrollToPlugin</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 = 'ScrollToPlugin - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/plugins/ScrollToPlugin.html&amp;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">ScrollToPlugin</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("ScrollToPlugin"); titleBar_setSubNav(false,false,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.plugins</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class ScrollToPlugin</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">ScrollToPlugin <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> <a href="../../../com/greensock/plugins/TweenPlugin.html">TweenPlugin</a> <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr></table><p></p><p></p><p></p>
Allows TweenLite and TweenMax to animate the scroll position of either the window (like doing <code>window.scrollTo(x, y)</code>) or
a &lt;div> DOM element's content (like doing <code>myDiv.scrollTop = y; myDiv.scrollLeft = x;</code>). To scroll the window to a
particular position, use the <code>window</code> as the target of the tween like this:
<div class="listing" version="3.0"><pre>
//scroll to 400 pixels down from the top
TweenLite.to(window, 2, {scrollTo:{y:400}, ease:Power2.easeOut});
</pre></div>
<p>Or to tween the content of a div, make sure you've set the <code>overflow:scroll</code> on the div and then
do this:</p>
<div class="listing" version="3.0"><pre>
//scroll to 250 pixels down from the top of the content in the div
TweenLite.to(myDiv, 2, {scrollTo:{y:250}, ease:Power2.easeOut});
</pre></div>
<p>You can define an x or y value or both (to scroll on both the x- and y-axis). For example,
to scroll to 400 pixels from the top and 200 pixels from the left, do this:</p>
<div class="listing" version="3.0"><pre>
TweenLite.to(myDiv, 2, {scrollTo:{y:400, x:200}, ease:Power2.easeOut});
</pre></div>
<p>The ScrollToPlugin will automatically sense if the scroll position was changed outside of itself (like if the
user manually started dragging the scrollbar mid-tween) and cancel that portion of the tween. It won't kill the
entire tween - just the scrolling portion of the tween. That means, for example, that the tween's onComplete
would still fire at the end of the tween. If, however, you'd like to kill the entire tween if another force
changes the scroll position, set <code>autoKill:true</code> inside the <code>scrollTo</code> object, like:</p>
<div class="listing" version="3.0"><pre>
TweenLite.to(myDiv, 2, {scrollTo:{y:400, autoKill:true}, ease:Power2.easeOut});
</pre></div>
To scroll to the maximum scroll position, use the string "max" as the value, like this:
<div class="listing" version="3.0"><pre>
TweenLite.to(myDiv, 2, {scrollTo:{y:"max"}});
</pre></div>
If you don't wrap the value in an object, it will assume you want to scroll in the "y" direction, so these two lines are funtionally equivalent:
<div class="listing" version="3.0"><pre>
TweenLite.to(myDiv, 2, {scrollTo:{y:"max"}});
TweenLite.to(myDiv, 2, {scrollTo:"max"});
</pre></div>
<p>
<b>Copyright 2008-2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><br/><br/><hr><br/><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 -->

98
duo/js/greensock-v12-js/docs/com/greensock/plugins/TweenPlugin.html 100755
View File

@ -0,0 +1,98 @@
<!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"><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"><meta name="keywords" content="TweenPlugin,com.greensock.plugins.TweenPlugin"><title>com.greensock.plugins.TweenPlugin</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 = 'TweenPlugin - 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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/plugins/TweenPlugin.html&amp;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">TweenPlugin</td><td class="titleTableSubNav" id="subNav" align="right"></td></tr><tr class="titleTableRow3"><td colspan="3">&nbsp;</td></tr></table><script language="javascript" type="text/javascript" xml:space="preserve">
<!--
if (!isEclipse() || window.name != ECLIPSE_FRAME_NAME) {titleBar_setSubTitle("TweenPlugin"); titleBar_setSubNav(false,false,false,false,false,false,false,false,false,false,false ,false,false,false,false,false);}
-->
</script><div xmlns:fn="http://www.w3.org/2005/xpath-functions" class="MainContent"><table class="classHeaderTable" cellpadding="0" cellspacing="0"><tr><td class="classHeaderTableLabel">Package</td><td><a href="package-detail.html" onclick="javascript:loadClassListFrame('class-list.html')">com.greensock.plugins</a></td></tr><tr><td class="classHeaderTableLabel">Class</td><td class="classSignature">public class TweenPlugin</td></tr><tr><td class="classHeaderTableLabel">Inheritance</td><td class="inheritanceList">TweenPlugin <img src="../../../images/inherit-arrow.gif" title="Inheritance" alt="Inheritance" class="inheritArrow"> Object</td></tr><tr><td class="classHeaderTableLabel">Subclasses</td><td> <a href="../../../com/greensock/plugins/BezierPlugin.html">BezierPlugin</a>, <a href="../../../com/greensock/plugins/ColorPropsPlugin.html">ColorPropsPlugin</a>, <a href="../../../com/greensock/plugins/CSSPlugin.html">CSSPlugin</a>, <a href="../../../com/greensock/plugins/CSSRulePlugin.html">CSSRulePlugin</a>, <a href="../../../com/greensock/plugins/EaselPlugin.html">EaselPlugin</a>, <a href="../../../com/greensock/plugins/RaphaelPlugin.html">RaphaelPlugin</a>, <a href="../../../com/greensock/plugins/RoundPropsPlugin.html">RoundPropsPlugin</a>, <a href="../../../com/greensock/plugins/ScrollToPlugin.html">ScrollToPlugin</a></td></tr></table><p></p><p></p><p></p>
TweenPlugin is the base class for all TweenLite and TweenMax plugins, but generally isn't used directly.
<p>
<b>USAGE:</b>
</p>
<p>To create your own plugin, extend TweenPlugin and override whichever methods you need (typically
<code>_onInitTween()</code> and <code>setRatio()</code>). To make things easier, we have included a
file named <code>TEMPLATE_Plugin.js</code> in the plugins directory that serves as a jumping-off point
and it has some comments in the code. <code>_onInitTween()</code> is called when the tween renders for
the first time and <code>setRatio()</code> is called on every update and passes a ratio parameter which
is typically a value between 0 and 1, and it changes according to the ease). There are a few
key concepts to keep in mind:</p>
<ol>
<li> Pass the TweenPlugin constructor a comma-delimited list of property names that the plugin should
overwrite, the first of which should be the property name that the plugin intercepts. For example,
the ScrollToPlugin handles any tweens of <code>"scrollTo"</code> and it also overwrites other concurrent
tweens that are handling the "scrollTo" but you may have a ScalePlugin that handles both "scaleX" and
"scaleY" properties, thus the comma-delimited list would look like <code>"scale,scaleX,scaleY"</code>.
The first name in the list must be unique - two plugins cannot handle the same primary property. </li>
<li> When a tween that uses your plugin initializes its tween values (normally when it renders for the
first time), a new instance of your plugin will be created and its <code>_onInitTween()</code> method
is called. That's where you'll want to record any initial values and prepare for the tween.
<code>_onInitTween()</code> should return a Boolean value that essentially indicates whether
or not the plugin initted successfully. If you return false, TweenLite/Max will just use a
normal tween for the value, ignoring the plugin for that particular tween. For example,
maybe your tween only works with DOM elements, so if the target isn't one you could
return <code>false</code>
</li>
<li> The <code>setRatio()</code> method will be called on every frame during the course of the tween
and it will be passed a single parameter that's a multiplier (typically between 0 and 1, according
to the ease) describing the total amount of change from the beginning of the tween (0). It is normally
zero at the beginning of the tween and 1 at the end, and inbetween it could be any value based on the
ease applied (for example, an <code>ElasticOut</code> ease would cause the value to shoot past 1 and
back again before the end of the tween). So if the tween uses the <code>Linear.ease</code>, when it's
halfway finished, <code>setRatio(0.5)</code> would be called</li>
<li> The <code>_overwriteProps</code> is an array that should contain the properties that your
plugin should overwrite in <code>"auto"</code> overwrite mode. For example, an <code>autoAlpha</code>
plugin could control the <code>"visible"</code> and <code>"alpha"</code> properties of an object,
so if another tween is created that controls the <code>alpha</code> of the target object,
your plugin's <code>_kill()</code> method will be called which should handle killing the
<code>"alpha"</code> part of the tween. It is your responsibility to populate (and depopulate)
the <code>_overwriteProps</code> Array. Failure to do so properly can cause odd overwriting
behavior.</li>
<li> There's a <code>_roundProps()</code> method that gets called by the <code>RoundPropsPlugin</code> if the
user requests that certain properties get rounded to the nearest integer. If you use
<code>_addTween()</code> method to add property tweens, rounding will happen automatically
(if necessary), but if you don't use <code>_addTween()</code> and prefer to manually calculate
tween values in your <code>setRatio()</code> method, just remember to override the <code>_roundProps()</code>
method if that makes sense in your plugin (some plugins wouldn't need to accommodate rounding, like color
plugins, in which case you can ignore the method altogether).</li>
<li> If you need to run a function when the tween gets disabled, add an <code>_onDisable()</code> method
(named exactly that) to your plugin. It will automatically be called when the tween gets disabled (typically
when it finishes and is removed from its parent timeline). Same for <code>_onEnable()</code> if you
need to run code when a tween is enabled. These methods should return a Boolean value indicating
whether or not they changed any properties on the target becaues if so (<code>true</code>), it helps
notify any initting tweens of the same target to re-init. It is very rare that an <code>_onDisable()</code>
or <code>_onEnable()</code> method is necessary, but it can be useful for things like MotionBlurPlugin
which must do some very advanced things, hiding the target, changing its alpha to almost 0, etc. only
while the tween occurs. If another alpha tween of that same target overwrites an existing motionBlur
of the same target, the alpha would be at the wrong value normally, but the if the <code>_onDisable()</code>
returns <code>true</code>, it would force the new tween to re-init AFTER the alpha was fixed inside
the <code>_onDisable()</code>. Again, this is <b>VERY</b> rare.</li>
<li> Please use the same naming convention as the rest of the plugins, like MySpecialPropertyNamePlugin.</li>
<li> If you are handling more than one property in your plugin (like RoundPropsPlugin or ShortRotationPlugin),
and you're not using <code>_addTween()</code> to create property tweens internally, make sure you override
the <code>_kill()</code> method which will be passed a <code>vars</code> parameter with properties that need
to be killed (typically for overwriting).</li>
</ol>
<p>
<b>Copyright 2008-2012, GreenSock. All rights reserved.</b> This work is subject to the terms in <a href="http://www.greensock.com/terms_of_use.html" target="">http://www.greensock.com/terms_of_use.html</a> or for <a href="http://www.greensock.com/club/" target="">Club GreenSock</a> members, the software agreement that was issued with the membership.</p>
<p></p><br/><hr></div><script language="javascript" type="text/javascript"><!--
showHideInherited();
--></script><div class="MainContent"><br/><br/><hr><br/><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 -->

1
duo/js/greensock-v12-js/docs/com/greensock/plugins/class-list.html 100755
View File

@ -0,0 +1 @@
<!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>com.greensock.plugins - GreenSock JavaScript Documentation</title><base target="classFrame"><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 class="classFrameContent"><h3><a href="package-detail.html" target="classFrame" style="color:black">Package com.greensock.plugins</a></h3><table cellpadding="0" cellspacing="0"><tr><td><a href="package-detail.html#classSummary" style="color:black"><b>Classes</b></a></td></tr><tr><td><a href="BezierPlugin.html">BezierPlugin</a></td></tr><tr><td><a href="ColorPropsPlugin.html">ColorPropsPlugin</a></td></tr><tr><td><a href="CSSPlugin.html">CSSPlugin</a></td></tr><tr><td><a href="CSSRulePlugin.html">CSSRulePlugin</a></td></tr><tr><td><a href="EaselPlugin.html">EaselPlugin</a></td></tr><tr><td><a href="RaphaelPlugin.html">RaphaelPlugin</a></td></tr><tr><td><a href="RoundPropsPlugin.html">RoundPropsPlugin</a></td></tr><tr><td><a href="ScrollToPlugin.html">ScrollToPlugin</a></td></tr><tr><td><a href="TweenPlugin.html">TweenPlugin</a></td></tr></table></body></html><!--<br/>Thu Dec 20 2012, 04:30 PM -06:00 -->

36
duo/js/greensock-v12-js/docs/com/greensock/plugins/package-detail.html 100755
View File

@ -0,0 +1,36 @@
<!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>&nbsp;|&nbsp;<a href="../../../class-summary.html" onclick="loadClassListFrame('../../../all-classes.html')">All Classes</a>&nbsp;|&nbsp;<a href="../../../all-index-A.html" onclick="loadClassListFrame('../../../index-list.html')">Index</a>&nbsp;|&nbsp;<a id="framesLink1" href="../../../index.html?com/greensock/plugins/package-detail.html&amp;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">&nbsp;</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>&nbsp;</th><th width="30%">Class</th><th width="70%">Description</th></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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 &lt;div&gt; DOM element's content (like doing myDiv.scrollTop = y; myDiv.scrollLeft = x;).</td></tr><tr class="prow1"><td class="summaryTablePaddingCol">&nbsp;</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 -->

84
duo/js/greensock-v12-js/docs/cookies.js 100755
View File

@ -0,0 +1,84 @@
////////////////////////////////////////////////////////////////////////////////
//
// ADOBE SYSTEMS INCORPORATED
// Copyright 2006-2008 Adobe Systems Incorporated
// All Rights Reserved.
//
// NOTICE: Adobe permits you to use, modify, and distribute this file
// in accordance with the terms of the license agreement accompanying it.
//
////////////////////////////////////////////////////////////////////////////////
/**
* Read the JavaScript cookies tutorial at:
* http://www.netspade.com/articles/javascript/cookies.xml
*/
/**
* Sets a Cookie with the given name and value.
*
* name Name of the cookie
* value Value of the cookie
* [expires] Expiration date of the cookie (default: end of current session)
* [path] Path where the cookie is valid (default: path of calling document)
* [domain] Domain where the cookie is valid
* (default: domain of calling document)
* [secure] Boolean value indicating if the cookie transmission requires a
* secure transmission
*/
function setCookie(name, value, expires, path, domain, secure)
{
document.cookie= name + "=" + escape(value) +
((expires) ? "; expires=" + expires.toGMTString() : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "");
}
/**
* Gets the value of the specified cookie.
*
* name Name of the desired cookie.
*
* Returns a string containing value of specified cookie,
* or null if cookie does not exist.
*/
function getCookie(name)
{
var dc = document.cookie;
var prefix = name + "=";
var begin = dc.indexOf("; " + prefix);
if (begin == -1)
{
begin = dc.indexOf(prefix);
if (begin != 0) return null;
}
else
{
begin += 2;
}
var end = document.cookie.indexOf(";", begin);
if (end == -1)
{
end = dc.length;
}
return unescape(dc.substring(begin + prefix.length, end));
}
/**
* Deletes the specified cookie.
*
* name name of the cookie
* [path] path of the cookie (must be same as path used to create cookie)
* [domain] domain of the cookie (must be same as domain used to create cookie)
*/
function deleteCookie(name, path, domain)
{
if (getCookie(name))
{
document.cookie = name + "=" +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
"; expires=Thu, 01-Jan-70 00:00:01 GMT";
}
}

941
duo/js/greensock-v12-js/docs/help.js 100755
View File

@ -0,0 +1,941 @@
////////////////////////////////////////////////////////////////////////////////
//
// ADOBE SYSTEMS INCORPORATED
// Copyright 2008 Adobe Systems Incorporated
// All Rights Reserved.
//
// NOTICE: Adobe permits you to use, modify, and distribute this file
// in accordance with the terms of the license agreement accompanying it.
//
////////////////////////////////////////////////////////////////////////////////
function closePopup()
{
window.close();
}
function scrollToNameAnchor()
{
var nameAnchor = window.location.href;
var value = nameAnchor.split("nameAnchor=");
if (value[1] != null) {
document.location =value[0]+"#"+ value[1];
}
}
// HIDES AND SHOWS LARGE GRAPHICS IN THE CONTENT PAGES
function showHideImage(thisID, obj)
{
var imgElement = document.getElementById(thisID);
var imgText = obj;
if( imgElement.className == "largeImage" )
{
imgElement.src = "images/" + thisID + ".png";
imgElement.className="smallImage";
obj.className="showImageLink";
obj.href="#";
obj.firstChild.nodeValue = terms_AHV_LARGE_GRAPHIC;
window.focus();
}
else
{
imgElement.src = "images/" + thisID + "_popup.png";
imgElement.className="largeImage";
obj.className="hideImageLink";
obj.href="#";
obj.firstChild.nodeValue = terms_AHV_SMALL_GRAPHIC;
window.focus();
}
}
// js function for expand collapse menu functionality
function KeyCheck(e, tree, idx)
{
var KeyID = (window.event) ? event.keyCode : e.keyCode;
var node = YAHOO.widget.TreeView.getNode(tree, idx);
switch(KeyID)
{
case 37:
// alert("Arrow Left");
node.collapse();
break;
case 39:
// alert("Arrow Right");
node.expand();
break;
}
}
// js function for hide/display mini-elements functionality
function toggleLayer(whichLayer) {
if (document.getElementById) {
// this is the way the standards work
var obj=document.getElementById(whichLayer);
var img = obj.previousSibling.firstChild.firstChild;
img.setAttribute("src","images/on.gif");
var styleatt = obj.style;
styleatt.display = styleatt.display? "":"block";
//change the class of the h3 per design
if (obj.previousSibling.className === "topictitle3") {
obj.previousSibling.className ="topictitle3off";
img.setAttribute("src","images/on.gif");
} else if (obj.previousSibling.className === "topictitle3off") {
obj.previousSibling.className ="topictitle3";
img.setAttribute("src","images/off.gif");
}
}
else if (document.all) {
// this is the way old msie versions work
var style2 = document.all[whichLayer].style;
style2.display = style2.display? "":"block";
}
}
function addBookmark( bm_url_str, bm_str_label ) {
parent.navigation.flashProxy.call('addBookmark', bm_url_str, bm_str_label );
}
var upperAsciiXlatTbl = new Array(
223,"ss",
230,"ae",
198,"ae",
156,"oe",
140,"oe",
240,"eth",
208,"eth",
141,"y",
159,"y"
);
var maxNumberOfShownSearchHits = 30;
var showInputStringAlerts = 0;
var navigationCookie = "";
////////////// COOKIE-RELATED FUNCTIONS /////////////////////////////////////////
// test the navigator object for cookie enabling
// additional code would need to be added for
// to support browsers pre navigator 4 or IE5 or
// other browsers that dont support
// the navigator object if any ..
function cookiesNotEnabled()
{
return true; // We're not going to use cookies
}
/*
* This function parses comma-separated name=value
* argument pairs from the query string of the URL.
* It stores the name=value pairs in
* properties of an object and returns that object.
*/
function getArgs()
{
var args = new Object();
var query = window.location.search.substring(1);
// Get query string
if (query.length > 0) {
var pairs = query.split(",");
// Break at comma
for(var i = 0; i < pairs.length; i++)
{
var pos = pairs[i].indexOf('=');
// Look for "name=value"
if (pos == -1) continue;
// If not found, skip
var argname = pairs[i].substring(0,pos);
// Extract the name
var value = pairs[i].substring(pos+1);
// Extract the value
args[argname] = unescape(value);
// Store as a property
// In JavaScript 1.5, use decodeURIComponent( )
// instead of escape( )
}
} else {
args[name] = false;
}
return args; // Return the object
}
/////////////////////////////// COOKIE-RELATED FUNCTIONS ////////////////////////
// Bill Dortch getCookieVal and GetCookie routines
function getCookieVal(offset) {
var endstr=document.cookie.indexOf(";",offset);
if (endstr==-1)endstr=document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetCookie(name) {
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
if (cookiesNotEnabled())
{
var args = getArgs();
if (args[name] !== false) {
return args[name];
}
} else {
while(i<clen){
var j=i+alen;
if(document.cookie.substring(i,j)==arg)return getCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if(i==0)break;
}
return null;
}
}
function getTopCookieVal(offset) {
var endstr=document.cookie.indexOf(";",offset);
if (endstr==-1)endstr=document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
function GetTopCookie(name) {
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while(i<clen){
var j=i+alen;
if(document.cookie.substring(i,j)==arg)return getTopCookieVal(j);
i=document.cookie.indexOf(" ",i)+1;
if(i==0)break;
}
return null;
}
// SetCookie
// -----------
// This function is called to set a cookie in the current document.
// params:
// n - name of the cookie
// v - value of the cookie
// minutes - the duration of the cookie in minutes (that is, how many minutes before it expires)
function SetCookie(n,v,minutes) {
var Then = new Date();
Then.setTime(Then.getTime() + minutes * 60 * 1000);
document.cookie = n + "=" + v + ";expires=" + Then.toGMTString();
}
// getContentCookie
// ----------------
// This function reads the content cookie set by the handleContext funtion.
//
function getContentCookie()
{
var contentCookie = GetCookie("content");
document.cookie = "content=";
// What does this expression mean?
// (contentCookie.indexOf("htm") != -1)
if ( (contentCookie != null) && (contentCookie.indexOf("htm") != -1) )
{
document.cookie = "content="; // Wipe out the cookie
document.cookie = "histR=" + contentCookie;
location.replace(contentCookie);
}
}
// getNavigationCookie
// -------------------
// This function reads the content cookie set by the handleContext funtion.
//
function getNavigationCookie()
{
navigationCookie = GetCookie("navigation");
document.cookie = "navigation=";
// What does this expression mean?
// (navigationCookie.indexOf("htm") != -1)
if ( (navigationCookie != null) && (navigationCookie.indexOf("htm") != -1) )
{
document.cookie = "navigation="; // Wipe out the cookie
document.cookie = "histL=" + navigationCookie;
location.replace(navigationCookie);
}
}
// handleContext
// -------------
// This function is called from content pages. It sets a cookie as soon
// as the page is loaded. If the content page is not in it's proper place
// in the frameset, the frameset will be loaded and the page will be
// restored using the value in this cookie.
//
function handleContext(which)
{
}
// lastNodeOf
// ----------
// This function gets passed a URL and returns the last node of same.
function lastNodeOf(e)
{
var expr = "" + e;
var to = expr.indexOf("?");
if( to !== -1) {
var path = expr.substring(0,to);
var pieces = path.split("/");
return pieces[pieces.length -1];
} else {
var pos = expr.lastIndexOf("/");
if( (pos != -1) && (pos+1 != expr.length) ) {
return expr.substr(pos+1);
} else {
return expr;
}
}
}
// frameBuster
// -----------
// This function is called by the frameset to ensure it's always loaded
// at the top level of the current window.
//
function frameBuster()
{
}
// SEARCH RELATED.......................................SEARCH RELATED
// SEARCH RELATED.......................................SEARCH RELATED
// SEARCH RELATED.......................................SEARCH RELATED
// SEARCH RELATED.......................................SEARCH RELATED
// SEARCH RELATED.......................................SEARCH RELATED
// SEARCH RELATED.......................................SEARCH RELATED
// SEARCH RELATED.......................................SEARCH RELATED
// SEARCH RELATED.......................................SEARCH RELATED
// SEARCH RELATED.......................................SEARCH RELATED
// SEARCH RELATED.......................................SEARCH RELATED
function bubbleSortWithShadow(a,b)
{
var temp;
for(var j=1; j<a.length; j++) {
for(var i=0; i<j; i++) {
if( a[i] < a[j] ) {
temp = a[j];a[j] = a[i];a[i] = temp;
temp = b[j];b[j] = b[i];b[i] = temp;
}
}
}
}
//---------------------------------------------------
function buildHtmlResultsStr()
{
var innerHTMLstring,ndxEnd;
// Gather all of the results display lines into the 'resultsArr'
ndxEnd = (matchesArrIndices.length > maxNumberOfShownSearchHits ) ? maxNumberOfShownSearchHits : matchesArrIndices.length;
for(var ndx=0, resultsArr = new Array(); ndx < ndxEnd; ndx++) {
resultsArr[resultsArr.length] = buildResultsStrOneLine(matchesArrIndices[ndx],matchesArrHits[ndx]);
}
// Convert this 'resultsArr' into a single string that will be injected into this search page.
innerHTMLstring = "<ol>";
for( var ndx=0; ndx < resultsArr.length; ndx++ ) {
innerHTMLstring = innerHTMLstring + resultsArr[ndx];
}
innerHTMLstring = innerHTMLstring + "</ol>";
return innerHTMLstring;
}
//---------------------------------------------------
function buildResultsStrOneLine(a,b)
{
var retStr;
retStr = "<li class=\"searchresults\"><a href=\"" + fileArr[a] + ".html\">";
// for debug...
//retStr += "target=\"content\" ";
//retStr += "title=\"" + top.fileArr[a] + ".html-";
//retStr += a + "-" + b + "\">";
// for production...
//retStr += "target=\"AdobeHelp\" >";
retStr += titleArr[a] + "</a></li>";
return retStr;
}
//---------------------------------------------------
// checkForHits
// Break up the search term into words.
// Check each of those words against...
// (a) cached titles and
// (b) cached content lines
// Perform the hit detection for each one,
// storing the results into (hits-ordered)
// 'matchesArrIndices' and
// 'matchesArrHits'.
//---------------------------------------------------
function checkForHits()
{
var inputWords = new Array();
var tempArr = new Array();
// Split the search term into individual search words
tempArr = searchTerm.split(" ");
for(var ndx=0; ndx < tempArr.length; ndx++) {
if( tempArr[ndx].length ) {
inputWords[inputWords.length] = tempArr[ndx];
}
}
// Initialization
matchesArrHits = new Array();
matchesArrIndices = new Array();
// Initialize the 'maskArr' and the 'hitsArr'
maskArr = new Array();
hitsArr = new Array();
for( var ndx = 0; ndx < fileArr.length; ndx++ ) {
maskArr[maskArr.length] = 1;
hitsArr[hitsArr.length] = 0;
}
// Do checking for matches on EACH OF THE INPUT WORDS
for( var ndx = 0; ndx < inputWords.length; ndx++ ) {
// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
if( ! checkForHitsWordAgainstPages( inputWords[ndx] ) ) {
return; // No sense in continuing, match has failed.
}
// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
for( var ndx2 = 0; ndx2 < hitsArr.length; ndx2++ ) {
if( hitsArr[ndx2] == 0 ) {
maskArr[ndx2] = 0;
}
else {
if( maskArr[ndx2] != 0 ) {
maskArr[ndx2] += hitsArr[ndx2];
}
}
}
}
// From the final 'maskArr', generate 'matchesArrHits' and 'matchesArrIndices'
for( var ndx = 0; ndx < maskArr.length; ndx++ ) {
if( maskArr[ndx] ) {
matchesArrHits[matchesArrHits.length] = maskArr[ndx];
matchesArrIndices[matchesArrIndices.length] = ndx;
}
}
// If there were any hits, then sort them by highest hits first
if( matchesArrIndices.length ) {
bubbleSortWithShadow(matchesArrHits, matchesArrIndices);
}
}
//---------------------------------------------------
function checkForHitsWordAgainstPages(w)
{
var hitAnywhere = 0;
if(showInputStringAlerts){alert( "Length of sc2: " + sc2.length );}
// Process each of the content lines (one per file/page)
for(var ndx=0; ndx < sc2.length; ndx++) {
// Put the cached title into glob_title
glob_title = sc1[ndx];
// Put the cached content line into glob_phrase
glob_phrase = sc2[ndx];
if( maskArr[ndx] ) {
// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
if( document.isDblByte ) {
hitsArr[ndx] = checkForHitsWordAgainstTitleAndLine2(w,ndx);
}
else {
hitsArr[ndx] = checkForHitsWordAgainstTitleAndLine(w,ndx);
}
if( hitsArr[ndx] ) {
hitAnywhere = 1;
}
// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
}
}
return hitAnywhere;
}
//---------------------------------------------------
function checkForHitsWordAgainstTitleAndLine(w, lineNdx)
{
var words;
var titleHitCnt = 0;
var contentHitCnt = 0;
var regex = new RegExp(w, "i");
// TITLE .........................................
words = new Array();
if(glob_title!=null){
words = glob_title.split(" ");
}
// EXECUTE TITLE MATCH TEST
for( var ndx = 0; ndx < words.length; ndx++ ) {
if( w == words[ndx] ) {
titleHitCnt += 100;
break;
}
}
// CONTENT .........................................
words = new Array();
if(glob_phrase!=null){
words = glob_phrase.split(" ");
}
// EXECUTE CONTENT MATCH TEST
if( regex.test(glob_phrase) ) { // See if word is anywhere within the phrase first.
for( var ndx = 0; ndx < words.length; ndx++ ) {
if( w == words[ndx] ) {
contentHitCnt += getInstanceCount(lineNdx,ndx);
break;
}
//else if( w < words[ndx] ) { // If word is greater than the remaining words, leave
// break;
//}
}
}
return titleHitCnt + contentHitCnt;
}
//---------------------------------------------------
function checkForHitsWordAgainstTitleAndLine2(w, lineNdx)
{
var titleHitCnt = 0;
var contentHitCnt = 0;
// TITLE .........................................
if( glob_title.indexOf(w) != -1 ) {
titleHitCnt = 100;
}
// CONTENT .........................................
contentHitCnt = indexesOf(glob_phrase,w);
return titleHitCnt + contentHitCnt;
}
//---------------------------------------------------
// checkTheInputString
//
// returns...
// empty string - if there is valid input to search
// message string - if there is NO VALID INPUT to search
//---------------------------------------------------
function checkTheInputString()
{
var myArr = new Array();
var tempArr = new Array();
var foundStopOrShortWord = 0;
var ptn1 = /\d\D/;
var ptn2 = /\D\d/;
handleWhitespaceRemoval();
searchTerm = searchTerm.replace (/(%20)+/g," ") ;
searchTerm = searchTerm.toLowerCase();
searchTerm = filterTheChars(searchTerm);
handleWhitespaceRemoval();
if( searchTerm.length ) {
// Split the searchTerm
tempArr = searchTerm.split(" ",100);
if(showInputStringAlerts){alert( "size of tempArr: " + tempArr.length );}
// Handle periods
for( var ndx = 0; ndx < tempArr.length; ndx++ ) {
if( tempArr[ndx].charCodeAt(0) == 46 ) { // periods at the start of word
//tempArr[ndx] = tempArr[ndx].substr(1); // NOTE: We don't want to do this. (e.g. ".txt")
}
if( tempArr[ndx].charCodeAt(tempArr[ndx].length-1) == 46 ) { // end of word
tempArr[ndx] = tempArr[ndx].substr(0,tempArr[ndx].length-1);
}
}
// Do stopwords and shortwords removal
for( var ndx = 0; ndx < tempArr.length; ndx++ ) {
var word = tempArr[ndx];
if(showInputStringAlerts){alert( "Checking word: " + word );}
if( ! sw[word] ) {
if( word.length < 2 ) {
foundStopOrShortWord = 1;
}
else if( (word.length > 2) || (ptn1.test(word) || ptn2.test(word)) ) {
myArr[myArr.length] = tempArr[ndx];
}
else {
foundStopOrShortWord = 1;
}
}
else {
foundStopOrShortWord = 1;
}
}
// Now reconstruct the searchTerm, based upon the 'myArr'
searchTerm = "";
for( var ndx = 0; ndx < myArr.length; ndx++ ) {
searchTerm = searchTerm + myArr[ndx] + " ";
}
handleWhitespaceRemoval();
if(showInputStringAlerts){alert( "FINAL SEARCH TERM: *" + searchTerm + "*" );}
if( foundStopOrShortWord && ! searchTerm.length ) {
return MSG_stopAndShortWords;
}
srch_input_massaged = searchTerm;
return "";
}
else {
return MSG_noSearchTermEntered;
}
}
//---------------------------------------------------
function checkTheInputString2() // double-byte version
{
var tempArr = new Array();
handleWhitespaceRemoval();
searchTerm = searchTerm.toLowerCase();
if( searchTerm.length ) {
// Split the searchTerm
tempArr = searchTerm.split(" ",100);
if(showInputStringAlerts){alert( "number of search terms: " + tempArr.length );}
// Now reconstruct the searchTerm, based upon the 'tempArr'
searchTerm = "";
for( var ndx = 0; ndx < tempArr.length; ndx++ ) {
searchTerm = searchTerm + tempArr[ndx] + " ";
}
handleWhitespaceRemoval();
if(showInputStringAlerts){alert( "Massaged search term: " + searchTerm );}
srch_input_massaged = searchTerm;
return "";
}
else {
return MSG_noSearchTermEntered;
}
}
//---------------------------------------------------
function doIEsearch()
{
var stStr = "";
document.forms[0].sh_term.value = srch_input_verbatim;
if( srch_message.length ) {
document.getElementById("results").innerHTML = srch_message;
srch_message = "";
}
else if( srch_1_shot ) {
srch_1_shot = 0;
searchTerm = srch_input_massaged;
checkForHits(); // Sets: 'matchesArrIndices' and 'matchesArrHits'
if( matchesArrIndices.length ) { // If there were matches/hits... /* Changed for CS4 */
stStr = "<div class=\"form\">" + MSG_pagesContaining + "<strong>" + srch_input_massaged + "</strong></div><br /><br />\n";
document.getElementById("results").innerHTML = stStr + buildHtmlResultsStr();
}
else { /* Changed for CS4 */
document.getElementById("results").innerHTML = MSG_noPagesContain + "<strong>" + srch_input_massaged + "</strong><br /><br />";
}
//searching_message.style.visibility="visible";
}
srch_input_verbatim = "";
}
//---------------------------------------------------
function getInstanceCount( lineIndex, wordIndex )
{
var instancesStr = instances[lineIndex]; // e.g. "1432931"
var ch = instancesStr.substr(wordIndex,1);
return parseInt(ch);
}
//---------------------------------------------------
function handleWhitespaceRemoval()
{
var re_1 = /^\s/;
var re_2 = /\s$/;
var re_3 = /\s\s/;
var temp;
// Remove leading whitespace
while( true ) {
temp = searchTerm.replace(re_1,"");
if( temp == searchTerm ) {
break;
}
searchTerm = temp;
}
// Remove trailing whitespace
while( true ) {
temp = searchTerm.replace(re_2,"");
if( temp == searchTerm ) {
break;
}
searchTerm = temp;
}
// Replace multiple contiguous spaces with a single space
while( searchTerm.search(re_3) != -1 ) {
temp = searchTerm.replace(re_3," ");
searchTerm = temp;
}
}
//--------------------------------------------------
function isAcceptableChar(chrNdx)
{
var acceptableChars = new Array( 32, 46, 95 ); // space, period, underscore
for( var ndx = 0; ndx < acceptableChars.length; ndx++ ) {
if( chrNdx == acceptableChars[ndx] ) {
return true;
}
}
return false;
}
//--------------------------------------------------
function indexesOf(str,ptn)
{
var position = 0;
var hits = -1;
var start = -1;
while( position != -1 ) {
position = str.indexOf(ptn, start+1);
hits += 1;
start = position;
}
return hits;
}
//--------------------------------------------------
function filterTheChars(line)
{
var retStr = "",tempStr;
var ch, chCode, retChr;
var ndx;
for( ndx = 0; ndx < line.length; ndx++ ) {
ch = line.substr(ndx,1);
chCode = ch.charCodeAt(0);
if( (chCode >= 192) && (chCode <= 221) ) { // Handle capital upper-ASCII characters
chCode = chCode + 32;
retChr = ASCII_to_char(chCode);
}
else if( withinAcceptableRanges(chCode) || isAcceptableChar(chCode) ) { // Acceptable characters
retChr = ch;
}
else {
tempStr = isLigatureChar(chCode);
if( tempStr.length ) { //Don't replace ligatures.
retChr = ch;
}
else { // Turn all else into space
retChr = " ";
}
}
// Grow the return string
retStr += retChr;
}
return retStr;
}
//--------------------------------------------------
function isLigatureChar(codeToCheck) {
var xlatTblNdx, code, replStr = "";
for( xlatTblNdx = 0; xlatTblNdx < upperAsciiXlatTbl.length; xlatTblNdx+=2 ) {
code = upperAsciiXlatTbl[xlatTblNdx];
if( code == codeToCheck ) {
replStr = upperAsciiXlatTbl[xlatTblNdx+1];
break;
}
}
return replStr;
}
//--------------------------------------------------
function respondToSearchButton()
{
var myStr;
document.getElementById("results").innerHTML = ""; //We don't expect this to be slow enough to need a message.
srch_input_verbatim = document.forms[0].sh_term.value;
searchTerm = document.forms[0].sh_term.value;
if( document.isDblByte ) {
myStr = checkTheInputString2();
}
else {
myStr = checkTheInputString();
}
srch_message = myStr;
srch_1_shot = srch_message.length ? 0 : 1;
doIEsearch();
}
//--------------------------------------------------
function respondToSearchLoad()
{
var externalQuery = GetCookie("externalQuery");
if (externalQuery == null) {
externalQuery = GetCookie("sh_term");
}
if (externalQuery != null) {
var myStr;
srch_input_verbatim = externalQuery;
searchTerm = externalQuery;
if(document.isDblByte ) {
myStr = checkTheInputString2();
}
else {
myStr = checkTheInputString();
}
srch_message = myStr;
srch_1_shot = srch_message.length ? 0 : 1;
doIEsearch();
}
}
//---------------------------------------------------
function strReplace(orig,src,dest)
{
var startPos=0;
var matchPos = orig.indexOf(src,startPos);
var retLine="";
while(matchPos != -1) {
retLine = retLine + orig.substring(startPos,matchPos) + dest;
startPos = matchPos+1;
matchPos = orig.indexOf(src,startPos);
}
if(! retLine.length) {return orig;}
else {return retLine+orig.substring(startPos,orig.length);}
}
//--------------------------------------------------
function withinAcceptableRanges(chrNdx)
{
var acceptableRanges = new Array( "48-57","65-90","97-122","224-229","231-239","241-246","248-253","255-255");
for( var ndx = 0; ndx < acceptableRanges.length; ndx++ ) {
var start_finish = new Array();
start_finish = acceptableRanges[ndx].split("-");
if( (chrNdx >= start_finish[0]) && (chrNdx <= start_finish[1]) ) {
return true;
}
}
return false;
}
//--------------------------------------------------
function ASCII_to_char(num_in)
{
var str_out = "";
var num_out = parseInt(num_in);
num_out = unescape('%' + num_out.toString(16));
str_out += num_out;
return unescape(str_out);
}
//--------------------------------------------------
var agt=navigator.userAgent.toLowerCase();
var use_ie_behavior = false;
var use_ie_6_behavior = false;
if (agt.indexOf("msie") != -1) {
use_ie_behavior = true;
}
if ((agt.indexOf("msie 5") != -1) || (agt.indexOf("msie 6") != -1)) {
use_ie_6_behavior = true;
}
//--------------------------------------------------
var Url = {
// public method for url encoding
encode : function (string) {
return escape(this._utf8_encode(string));
},
// public method for url decoding
decode : function (string) {
return this._utf8_decode(unescape(string));
},
// private method for UTF-8 encoding
_utf8_encode : function (string) {
string = string.replace(/\r\n/g,"\n");
var utftext = "";
for (var n = 0; n < string.length; n++) {
var c = string.charCodeAt(n);
if (c < 128) {
utftext += String.fromCharCode(c);
}
else if((c > 127) && (c < 2048)) {
utftext += String.fromCharCode((c >> 6) | 192);
utftext += String.fromCharCode((c & 63) | 128);
}
else {
utftext += String.fromCharCode((c >> 12) | 224);
utftext += String.fromCharCode(((c >> 6) & 63) | 128);
utftext += String.fromCharCode((c & 63) | 128);
}
}
return utftext;
},
// private method for UTF-8 decoding
_utf8_decode : function (utftext) {
var string = "";
var i = 0;
var c = c1 = c2 = 0;
while ( i < utftext.length ) {
c = utftext.charCodeAt(i);
if (c < 128) {
string += String.fromCharCode(c);
i++;
}
else if((c > 191) && (c < 224)) {
c2 = utftext.charCodeAt(i+1);
string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
i += 2;
}
else {
c2 = utftext.charCodeAt(i+1);
c3 = utftext.charCodeAt(i+2);
string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
i += 3;
}
}
return string;
}
}

BIN
duo/js/greensock-v12-js/docs/images/AirIcon12x12.gif 100755
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 318 B

BIN
duo/js/greensock-v12-js/docs/images/collapsed.gif 100755
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 79 B

BIN
duo/js/greensock-v12-js/docs/images/detailHeaderRule.jpg 100755
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 284 B

BIN
duo/js/greensock-v12-js/docs/images/detailSectionHeader.jpg 100755
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 307 B

BIN
duo/js/greensock-v12-js/docs/images/expanded.gif 100755
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 79 B

Some files were not shown because too many files have changed in this diff Show More