tweenMax多個一起運動
阿新 • • 發佈:2018-11-22
staggerFromTo函式
staggerFrom函式
staggerTo函式
cycle: { //多個操作 迴圈等
x: [100,200,300]
}
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ margin: auto; background: red; } </style> </head> <body> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <script type="text/javascript" src="js/TweenMax.min.js" ></script> <script> var t = new TimelineMax(); t.staggerFromTo('div',2,{ autoAlpha: 0, scale:1, width: 100, height: 100, },{ cycle: { x: function(i){ if(i==1){ return false } if(i%2){ return i*10; }else{ return i*(-10); } }, y: function(i){ if(i==1){ return false } return i*(-100); }, autoAlpha: [0.5,0.8,1] } }) </script> </body> </html>