国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

greensock-js文件包是免費開源部分，包含有核心工具、過渡時間曲線、基本插件、拓展插件等。此外，GreenSock還有一些商業(yè)插件。greensock-js文件包可以免費下載或使用CDN加載，商業(yè)插件不提供CDN，可以下載破解版或者購買授權(quán)后使用正版。

• 下載免費greensock-js文件包和破解版商業(yè)插件
• CDN

必須要加載核心工具TweenLite.min.js或者TweenMax.min.js。此外還需要加載其他需要的插件，例如基礎(chǔ)插件，時間軸，拓展時間曲線，商業(yè)插件等。

加載了相應(yīng)的插件后即可使用相應(yīng)的功能。

<script src="js/greensock-js/TweenLite.min.js"> </script>  -- 核心工具，可初始化TweenLite對象<script src="js/greensock-js/plugins/CSSPlugin.min.js"> </script>  -- 基礎(chǔ)插件，用于制作CSS動畫2D，3D動畫<script src="js/greensock-js/plugins/BezierPlugin.min.js"> </script>  -- 基礎(chǔ)插件，用于制作貝塞爾曲線<script src="js/greensock-js/TimelineLite.min.js"> </script>  -- 核心工具，創(chuàng)建時間軸管理動畫<script src="js/greensock-js/easing/EasePack.min.js"> </script>  -- 拓展的時間曲線，例如bounce

建議在開發(fā)中使用TweenMax這個全功能的js文件，它包括了GreenSock動畫平臺的大部分核心功能。
使用TweenMax上面的加載可以簡約為：

<script src="js/greensock-js/TweenMax.min.js"> </script>

動畫的三要素：

• 1.動畫目標(biāo)對象
• 2.動畫的持續(xù)時間
• 3.變化的屬性

例：制作一個簡單的CSS動畫。

制作CSS動畫需要用到CSSPlugin（已經(jīng)包含于TweenMax）。
使用TweenMax的to()方法，將一個id為"obj"的DOM元素的CSS屬性的left屬性從當(dāng)前值過渡到500px，從而產(chǎn)生移動效果。持續(xù)時間3秒。

<div id="obj"></div>

#obj{  position:relative;  left:200px;  top:20px;  width:50px;  height:50px;  background:#6fb936;  border-radius:5px;}

TweenMax.to("#obj", 3, {left:500});

left屬性動畫需要position:reletive支持，如需相對位置移動可使用x(CSS3的2D動畫)更為簡便

TweenMax.to("#obj", 3, {x:200});//在原有位置向右移動200pxTweenMax.to("#obj", 3, {x:200, y:100});//向右移動200px的同時向下移動100px