8、add——添加状态 参数说明:字符串或一个函数
9、TweenTo——完成指定的动画(过渡) 参数说明:指定时间或状态的字符串
Demo:
<!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="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/TweenMax.min.js"></script> <title>无标题文档</title> <style type="text/css"> #div1{ width:100px; height:100px; background:red; position:absolute; left:0; top:50px;} </style> <script> $(function(){ var t=new TimelineMax(); t.add("state1"); t.to("#div1",1,{left:300}); t.to("#div1",2,{width:300}); t.add("state2"); //指定某个状态 t.to("#div1",3,{height:300}); t.add("state3"); t.stop(); t.tweenTo("state2");//完成指定的动画,即完成state2之前的动画 }) </script> </head> <body> <div id="div1"></div> </body> </html>
原文:http://www.cnblogs.com/cacti/p/5054150.html