Tweenmax Animation Library Learning (vi)

Catalogue

Tweenmax Animation Library Learning (i.)

Tweenmax Animation Library Learning (ii)

Tweenmax Animation Library Learning (iii)

Tweenmax Animation Library Learning (iv)

Tweenmax Animation Library Learning (v)

Tweenmax Animation Library Learning (vi)

We talked about the Tweenmax in the previous section. CurrentLabel () in the animation library: Gets the current state,Getlabelafter (): Gets the next state,Getlabelbefore (): Gets the previous state , we continue to learn the use of other methods in the Tweenmax animation library.

Tweenmax Animation Library's official website: Http://greensock.com/timelinemax

Let's go straight to the topic and start introducing the use of other methods in the Tweenmax animation library:

1. Page Layout

1 <style>2 Html,body{3 margin:0;4 padding:0;5         }6 . Div1{7 width:100px;8 Height:100px;9 background:#8D121A;Ten position:Absolute; One Top:50px; A  Left:0; -         } - </style>

1 < Body > 2 <  class= "Div1"></div>3</  body>

2,ease: animated form of motion

parameter Description: if

1<script>2$(function(){3             vart =NewTimelinemax ();4T.add ("State1");5T.to (". Div1", 1,{left:300,Ease:Bounce.easeIn},1);6T.add ("State2");7T.to (". Div1", 1,{width:300}, "+=1");8T.add ("State3");9T.to (". Div1", 1,{height:300});Ten         }); One</script>

code package download:

Link: http://pan.baidu.com/s/1c1JBBDu Password: at3r

Tweenmax Animation Library Learning (vi)