Difference between revisions of "Team:USTC"

Line 37: Line 37:
 
   $("#constitution .container .row div").css("-webkit-transition-delay", '0ms').css("-o-transition-delay", '0ms').css("transition-delay", '0ms');
 
   $("#constitution .container .row div").css("-webkit-transition-delay", '0ms').css("-o-transition-delay", '0ms').css("transition-delay", '0ms');
 
   $("#constitution .container .row div").css("opacity","0");
 
   $("#constitution .container .row div").css("opacity","0");
   $("#constitution .container .row:eq(0) div").eq(2).css("opacity","1");
+
   $("#constitution .container .row:eq(1) div").eq(2).css("opacity","1");
   $("#constitution .container .row:eq(0) div").each(function(i) {
+
   $("#constitution .container .row:eq(1) div").each(function(i) {
 
     switch (i){
 
     switch (i){
 
       case 0:$(this).css("-webkit-transform","translateX(100%)").css("-moz-transform","translateX(100%)").css("-ms-transform","translateX(100%)").css("-o-transform","translateX(100%)").css("transform","translateX(100%)");break;
 
       case 0:$(this).css("-webkit-transform","translateX(100%)").css("-moz-transform","translateX(100%)").css("-ms-transform","translateX(100%)").css("-o-transform","translateX(100%)").css("transform","translateX(100%)");break;
Line 47: Line 47:
 
     }
 
     }
 
   });
 
   });
   $("#constitution .container .row:eq(1) div").each(function(i) {
+
   $("#constitution .container .row:eq(2) div").each(function(i) {
 
     switch (i){
 
     switch (i){
 
       case 0:$(this).css("-webkit-transform","translateX(100%)").css("-moz-transform","translateX(100%)").css("-ms-transform","translateX(100%)").css("-o-transform","translateX(100%)").css("transform","translateX(100%)");break;
 
       case 0:$(this).css("-webkit-transform","translateX(100%)").css("-moz-transform","translateX(100%)").css("-ms-transform","translateX(100%)").css("-o-transform","translateX(100%)").css("transform","translateX(100%)");break;
Line 57: Line 57:
 
   });
 
   });
 
   if(nextIndex==3){
 
   if(nextIndex==3){
     $("#constitution .container .row:eq(0) div").each(function(i) {
+
     $("#constitution .container .row:eq(0) div").css("opacity","1");
 +
    $("#constitution .container .row:eq(1) div").each(function(i) {
 
       $(this).css("-webkit-transition-delay", 500 + 'ms').css("-o-transition-delay", 500 + 'ms').css("transition-delay", 500 + 'ms');
 
       $(this).css("-webkit-transition-delay", 500 + 'ms').css("-o-transition-delay", 500 + 'ms').css("transition-delay", 500 + 'ms');
 
       $(this).css("-webkit-transform","translateX(0)").css("-moz-transform","translateX(0)").css("-ms-transform","translateX(0)").css("-o-transform","translateX(0)").css("transform","translateX(0)").css("opacity","1");
 
       $(this).css("-webkit-transform","translateX(0)").css("-moz-transform","translateX(0)").css("-ms-transform","translateX(0)").css("-o-transform","translateX(0)").css("transform","translateX(0)").css("opacity","1");
 
     });
 
     });
     $("#constitution .container .row:eq(1) div").each(function(i) {
+
     $("#constitution .container .row:eq(2) div").each(function(i) {
 
       $(this).css("-webkit-transition-delay", 500 + 'ms').css("-o-transition-delay", 500 + 'ms').css("transition-delay", 500 + 'ms');
 
       $(this).css("-webkit-transition-delay", 500 + 'ms').css("-o-transition-delay", 500 + 'ms').css("transition-delay", 500 + 'ms');
 
       $(this).css("-webkit-transform","translateX(0)").css("-moz-transform","translateX(0)").css("-ms-transform","translateX(0)").css("-o-transform","translateX(0)").css("transform","translateX(0)").css("opacity","1");
 
       $(this).css("-webkit-transform","translateX(0)").css("-moz-transform","translateX(0)").css("-ms-transform","translateX(0)").css("-o-transform","translateX(0)").css("transform","translateX(0)").css("opacity","1");
Line 233: Line 234:
 
       </div>
 
       </div>
 
       <div class="row">
 
       <div class="row">
         <div class="col s2"><h5>CACCI<br/>programmed bacterial to detect chemicals you want</h5></div>
+
         <div class="col s2"><h5>CACCI</h5><p>Programmed bacterial to detect chemicals you want</p></div>
         <div class="col s2"><h5>Film<br/>change the movement of bacterial to deformation of film</h5></div>
+
         <div class="col s2"><h5>Film</h5><p>Change the movement of bacterial to deformation of film</p></div>
         <div class="col s2"><h5>SPRING<br/>the main body of our hardware, composed of a box</h5></div>
+
         <div class="col s2"><h5>SPRING</h5><p>The main body of our hardware, composed of a box</p></div>
         <div class="col s2"><h5>Optical path<br/>detect the deformation by michelson interference</h5></div>
+
         <div class="col s2"><h5>Optical path</h5><p>Detect the deformation by michelson interference</p></div>
         <div class="col s2"><h5>GUI<br/>provide better using exprience for users</h5></div>
+
         <div class="col s2"><h5>GUI</h5><p>Provide better using exprience for users</p></div>
 
       </div>
 
       </div>
 
       <div style="text-align:center;">
 
       <div style="text-align:center;">

Revision as of 14:21, 14 September 2015