Difference between revisions of "Template:Hong Kong HKUST/newcoverpageJS"

Line 12: Line 12:
  
 
tlFruit.to($ustFruit, 1, {bezier:{curviness: 0.3, values:[{x: 0, y: 0}, {x: 0, y: 200}]}, ease:Power2.easeIn}).to($ustFruit, 1, {bezier:{curviness: 0.3, values:[{x: 50, y: 100},
 
tlFruit.to($ustFruit, 1, {bezier:{curviness: 0.3, values:[{x: 0, y: 0}, {x: 0, y: 200}]}, ease:Power2.easeIn}).to($ustFruit, 1, {bezier:{curviness: 0.3, values:[{x: 50, y: 100},
       {x: 100, y: 200}]}}).to($ustFruit, 1, {bezier:{curviness: 0.3, values:[{x: 150, y: 150},
+
       {x: 100, y: 200}]}, ease:SlowMo.ease.config(0.1,0.7,false)}).to($ustFruit, 1, {bezier:{curviness: 0.3, values:[{x: 150, y: 150},
       {x: 200, y: 200}]}}); //.to($ustFruit, 1, {rotation:40, Power4.easeOut});
+
       {x: 200, y: 200}]}, ease:SlowMo.ease.config(0.1,0.7,false)}); //.to($ustFruit, 1, {rotation:40, Power4.easeOut});
  
 
setTimeout(function(){window.location.href='https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team'},1000000);
 
setTimeout(function(){window.location.href='https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team'},1000000);

Revision as of 13:00, 19 October 2016

$(document).ready(function(){ var $ustFruit = $('#ustFruit'),

   path = [
     {x: 0, y: 0},
     {x: 0, y: 200},
     {x: 50, y: 100},
     {x: 100, y: 200},
     {x: 150, y: 150},
     {x: 200, y: 200}
   ],
   tlFruit = new TimelineMax({paused: true});

tlFruit.to($ustFruit, 1, {bezier:{curviness: 0.3, values:[{x: 0, y: 0}, {x: 0, y: 200}]}, ease:Power2.easeIn}).to($ustFruit, 1, {bezier:{curviness: 0.3, values:[{x: 50, y: 100},

     {x: 100, y: 200}]}, ease:SlowMo.ease.config(0.1,0.7,false)}).to($ustFruit, 1, {bezier:{curviness: 0.3, values:[{x: 150, y: 150},
     {x: 200, y: 200}]}, ease:SlowMo.ease.config(0.1,0.7,false)}); //.to($ustFruit, 1, {rotation:40, Power4.easeOut});

setTimeout(function(){window.location.href='https://2016.igem.org/Team:Hong_Kong_HKUST/The_Team'},1000000);

 setTimeout(function(){$( "#test" ).fadeOut( 600 );},4500);;
 setTimeout(function(){$( "#test1" ).fadeIn( 600 );},5500);
 setTimeout(function(){$( "#test1" ).fadeOut( 600 );},9000);
 setTimeout(function(){$( "#content" ).css("opacity","0");},9000);
 setTimeout(function(){$( "#content" ).css("background","transparent");},9800);
 setTimeout(function(){$( "#content" ).css("opacity","1");},9900);
 setTimeout(function(){$( "#test2blue" ).fadeIn( 600 );},10000);
 setTimeout(function(){$( "#test3" ).fadeIn( 600 );},11000);
 setTimeout(function(){$( "#test3" ).fadeOut( 600 );},14000);
 setTimeout(function(){$( "#test4" ).fadeIn( 600 );},15000);
 setTimeout(function(){$( "#test2blueind" ).fadeIn( 600 );},17500);
 setTimeout(function(){$( "#test2blueind" ).fadeOut( 600 );},18500);
 setTimeout(function(){$( "#test2greenind" ).fadeIn( 600 );},19900);
 setTimeout(function(){$( "#test2blue" ).fadeOut( 600 );},20000);
 setTimeout(function(){$( "#test2green" ).fadeIn( 600 );},21400);
 setTimeout(function(){$( "#test2greenind" ).fadeOut( 600 );},21500);
 setTimeout(function(){$( "#test2redind" ).fadeIn( 600 );},22900);
 setTimeout(function(){$( "#test2green" ).fadeOut( 600 );},23000);
 setTimeout(function(){$( "#test2red" ).fadeIn( 600 );},24400);
 setTimeout(function(){$( "#test2redind" ).fadeOut( 600 );},24500);
 setTimeout(function(){$( "#test4" ).fadeOut( 600 );},25500);
 setTimeout(function(){$( "#test5" ).fadeIn( 600 );},26500);
 setTimeout(function(){$( "#test5" ).fadeOut( 600 );},30000);
 setTimeout(function(){$( "#test2red" ).fadeOut( 600 );},30500);
 setTimeout(function(){$( "#test7" ).fadeIn( 600 );},1500);
 setTimeout(function(){tlFruit.play();},2000);
 setTimeout(function(){$( "#test6" ).fadeIn( 600 );},3000);

});