TweenMax animation library Learning (6) and tweenmax animation library Learning
Directory
TweenMax animation library Learning (1)
TweenMax animation library Learning (2)
TweenMax animation library Learning (3)
TweenMax animation library Learning (4)
TweenMax animation library Learning (5)
TweenMax animation library Learning (6)
In the previous section, we primarily talked aboutCurrentLabel (): Get the current status,GetLabelAfter (): Get the next status,GetLabelBefore (): Get the previous statusNext we will continue to learn how to use other methods in the TweenMax animation library.
Official Website of the TweenMax animation library:Http://greensock.com/timelinemax
Next let's go straight to the topic and start to introduce 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;10 position: absolute;11 top:50px;12 left:0;13 }14 </style>
1 <body>2 <div class="div1"></div>3 </body>
2,Animation form
Parameter description: for example
1 <script> 2 $(function(){ 3 var t =new TimelineMax(); 4 t.add("state1"); 5 t.to(".div1",1,{left:300,ease:Bounce.easeIn},1); 6 t.add("state2"); 7 t.to(".div1",1,{width:300},"+=1"); 8 t.add("state3"); 9 t.to(".div1",1,{height:300});10 });11 </script>
Code package and download:
Link: http://pan.baidu.com/s/1c1JBBDu password: at3r
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
