Line 378: | Line 378: | ||
setTimeout(function(){$( "#test6" ).fadeIn( 600 );},32000); | setTimeout(function(){$( "#test6" ).fadeIn( 600 );},32000); | ||
</script> | </script> | ||
+ | <script type="text/javascript" src="https://2016.igem.org/Template:Hong_Kong_HKUST/gsapTimelineLite?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2016.igem.org/Template:Hong_Kong_HKUST/gsapBezierPlugin?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2016.igem.org/Template:Hong_Kong_HKUST/gsapEase?action=raw&ctype=text/javascript"></script> | ||
+ | <script> | ||
+ | var $ustFruit = $('#ustFruit'), | ||
+ | path = [ | ||
+ | {x: 0, y: 0}, | ||
+ | {x: 0, y: 100}, | ||
+ | {x: 10, y: 30}, | ||
+ | {x: 20, y: 0}, | ||
+ | {x: 30, y: 10}, | ||
+ | {x: 40, y: 0} | ||
+ | ], | ||
+ | tl = new TimelineLite(); | ||
+ | tl.to($ustFruit, 1, {bezier:{curviness: 0.3, values:path}, ease:Power1.easeInOut}) | ||
+ | .to($ustFruit, 1, {rotation:40, Power4.easeOut}); | ||
+ | </script | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 12:10, 19 October 2016