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

Line 3: Line 3:
 
     path = [
 
     path = [
 
       {x: 0, y: 0},
 
       {x: 0, y: 0},
       {x: 0, y: 300},
+
       {x: 0, y: 200},
       {x: 50, y: 200},
+
       {x: 50, y: 100},
       {x: 100, y: 300},
+
       {x: 100, y: 200},
       {x: 150, y: 100},
+
       {x: 150, y: 150},
       {x: 200, y: 300}
+
       {x: 200, y: 200}
 
     ],
 
     ],
 
     tlFruit = new TimelineMax({paused: true});
 
     tlFruit = new TimelineMax({paused: true});
  
tlFruit.to($ustFruit, 1, {bezier:{curviness: 0.3, values:path}, ease:Power1.easeInOut}); //.to($ustFruit, 1, {rotation:40, Power4.easeOut});
+
tlFruit.to($ustFruit, 3, {bezier:{curviness: 0.3, values:path}, ease:Power1.easeInOut}); //.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 12:45, 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, 3, {bezier:{curviness: 0.3, values:path}, ease:Power1.easeInOut}); //.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);

});