GSAP学习（二）——载入

查看下载页面，您可以下载内含精缩和未压缩的zip文件，或者把CDN连结贴到您的网页。获得一大堆文件的最简单方法是连结到最新的TweenMax的CDN文件。

[HTML] 纯文本查看 复制代码

?

1	<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"> </ script>

由于TweenMax包括TweenLite、CSSPlugin、EasePack、TimelineLite、TimelineMax、RoundPropsPlugin、BezierPlugin、AttrPlugin和DirectionalRotationPlugin，所以只要用这一个文件就给您一大堆可以玩的物品，而且CDN有助于快速载入。但是，如果您更关心文件的大小，可以挑选要载入的核心部份和插件(常见的选择是轻量级的TweenLite、CSSPlugin和EasePack)。例如：

[HTML] 纯文本查看 复制代码

?

1 2 3

<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/CSSPlugin.min.js"> </ script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/easing/EasePack.min.js"> </ script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenLite.min.js"> </ script>

请注意这是连结文件的"最新"版本，这意味着随着新版本出现，您可以自动获得这些更新。通常这是一件好事，特别是当bug被发现和解决时，但要注意，有可能更新会改变行为(无论是因为无心的引擎代码更新或是故意的改变功能或API改变)，所以您可以在CDN连结到特定版本(如1.9.0)，如果您想要(详见下载页面)。不要担心-我们对于做出可能影响原有代码的改变是非常谨慎的。注册GreenSock帐户来加入邮件列表，并获得有关可能影响代码的重要更新通知。

 

当然您也不需要使用CDN的连结。如果您是下载zip ，可以到"src"文件夹，会看到"minified(精缩)"和"uncompressed(未压缩)"文件夹中的所有源代码-请自行放到您的伺服器或本地文件系统。您通常会希望使用精缩的文件进行部署，因为它们载入速度较快，但在功能上未压缩和精缩版本是完全相同的。包含"未压缩"文件是以防万一您要一窥源码，看看里面发生了什么事(其包含注解和更适合人类读的代码)。您也可以看看我们的Github存储库 。

 

如果您不需要动画DOM元素样式，您就不需要CSSPlugin。例如您可以只用非常轻量的TweenLite，使canvas上的EaselJS物件或SVG的RaphaelJS物件动起来。如果您并不需要特别缓动方程式只需基本的(Power0、Power1、Power2、Power3、Power4、Linear、Quad、Cubic、Quart、Quint和Strong这些都包含在TweenLite文件中)，那您可以略过EasePack，其增加了Elastic、SlowMo、Bounce、SteppedEase、Sine、Circ和Expo。

 

在任何的动画代码之前不要忘了载入Javascript文件。(否则当浏览器获取到您的动画代码时，不会知道什么是"TweenMax"或"TweenLite"，因为它还没有载入)。

我们强烈建议保持您的GSAP文件进行更新 ，因为我们正在积极增强功能，解决浏览器的bug或矛盾，常来逛逛本站并获得最新文件。

想要找jQuery插件?

 

GSAP没有依存于jQuery，但如果您已经习惯了的jQuery.animate()方法，或者您现有的项目大量使用jQuery，且您更愿意得到GSAP引擎的速度优势，那么 jquery.gsap 插件是您的最佳选择，其附加所有的额外可补间属性，如3D transforms、colors、boxShadow等。jquery.gsap插件基本上模仿正规jQuery.animate()方法，并用GSAP驱动动画。我们建议您最终转移到正规GSAP工具或API，而非jquery.gsap插件，因为您可以用物件导向的本质得到更多的灵活性和力量，不过jQuery插件是添加GSAP到您的jQuery项目的不费吹灰之力方式。详见此获取有关此插件的详细讯息 。