Difference between revisions of "Team:MSU-Michigan/Test"

(Created page with "<html> <head> <!-- slick CSS --> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jquery.slick/1.6.0/sli...")
 
Line 1: Line 1:
 
<html>
 
<html>
−
     <head>
+
  <center><p style = "position:relative; left: 3%; font-size:200%; font-family:Trebuchet MS; padding:0px 200px 15px 200px; color:#0071A7">Foundational Advancement Team, Best Basic Part, and Best Part Collection.</p></center>
 +
<br><br>
 +
<div id = "media">
 +
<center style = "font-size:230%; padding:25px; color:#BD162A;">Contact us:</center>
 +
</div>
 +
<center>
 +
<a href = "https://twitter.com/buigemwl2016"> <img id = "twit" src = "https://static.igem.org/mediawiki/2016/e/ee/T--BostonU--twitterlogo.png"> </a>
 +
<a href = "https://mail.google.com/mail/?view=cm&fs=1&to=bu.igemwl2016@gmail.com&su=&body=&bcc="><img id = "email" src = "https://static.igem.org/mediawiki/2016/c/c3/T--BostonU--gmaillogo.png"></a>
 +
<a href = "https://www.facebook.com/buigemwl2016"> <img id = "face" src = "https://static.igem.org/mediawiki/2016/b/b7/T--BostonU--facebooklogo.jpg"></a>
 +
<br><br><br><br><br><br><br>
 +
</center>
 +
</body>
 +
 
 +
<script type="text/javascript">
 +
$(document).ready(
 +
     function(){
 +
var n = 2;
 +
var t = 40;
 +
var p = 0;
 +
setInterval(function () {t = t+1}, 1000);
 +
$("#two").click(function () {
 +
t = 0;
 +
});
 +
$("#three").click(function () {
 +
t = 0;
 +
});
 +
$("#four").click(function () {
 +
t = 0;
 +
});
 +
$("#five").click(function () {
 +
t = 0;
 +
});
 +
setInterval(function () {
 +
      if (t>39) {
 +
      n = n+.5;
 +
      if (n == 3) {
 +
      $("#two").css('left', '110%')
 +
      $('#two').animate({'left':'10%'}, 500);
 +
      $("#one").animate({'left':'-110%'}, 500);
 +
        n = 3;}
 +
      else if (n==4) {
 +
      $("#three").css('left', '110%');
 +
      $('#three').animate({'left':'10%'}, 500);
 +
      $("#two").animate({'left':'-110%'}, 500);}
 +
      else if (n==5) {
 +
      $("#four").css('left', '110%');
 +
      $('#four').animate({'left':'10%'}, 500);
 +
      $("#three").animate({'left':'-110%'}, 500);}
 +
      else if (n==6) {
 +
      $("#five").css('left', '110%');
 +
      $('#five').animate({'left':'10%'}, 500);
 +
      $("#four").animate({'left':'-110%'}, 500);}
 +
      else if (n == 7) {
 +
      $("#six").css('left', '110%');
 +
      $("#five").animate({'left':'-110%'}, 500);
 +
      $("#six").animate({'left':'10%'}, 500);}
 +
      else if (n == 8) {
 +
      $("#one").css('left', '110%');
 +
      $("#six").animate({'left':'-110%'}, 500);
 +
      $("#one").animate({'left':'10%'}, 500);
 +
      n = 2;}}
 +
    }, 3000);
 +
 
 +
  $("#forward").click(function () {
 +
      t = 0;
 +
      n = n+1; 
 +
      if (n==3 || n==3.5) {
 +
      $("#two").css('left', '110%')
 +
      $('#two').animate({'left':'10%'}, 500);
 +
      $("#one").animate({'left':'-110%'}, 500);}
 +
      else if (n==4 || n==4.5) {
 +
      $("#three").css('left', '110%');
 +
      $('#three').animate({'left':'10%'}, 500);
 +
      $("#two").animate({'left':'-110%'}, 500);}
 +
      else if (n==5 || n==5.5) {
 +
      $("#four").css('left', '110%');
 +
      $('#four').animate({'left':'10%'}, 500);
 +
      $("#three").animate({'left':'-110%'}, 500);}
 +
      else if (n==6 || n==6.5) {
 +
      $("#five").css('left', '110%');
 +
      $('#five').animate({'left':'10%'}, 500);
 +
      $("#four").animate({'left':'-110%'}, 500);
 +
      t = 30;}
 +
      else if (n == 7 || n==7.5) {
 +
      $("#six").css('left', '110%');
 +
      $("#five").animate({'left':'-110%'}, 500);
 +
      $("#six").animate({'left':'10%'}, 500);
 +
      t = 30;}
 +
      else if (n == 8 || n == 8.5) {
 +
      $("#one").css('left', '110%');
 +
      $("#six").animate({'left':'-110%'}, 500);
 +
      $("#one").animate({'left':'10%'}, 500);
 +
      n = 2;
 +
      t = 30;}
 +
    });
 +
 
 +
  $("#reverse").click(function () {
 +
      t = 0;
 +
      n = n-1;
 +
      if (n == 1 || n==1.5) {
 +
      $("#six").css('left', '-110%');
 +
      $("#six").animate({'left':'10%'}, 500);
 +
      $("#one").animate({'left':'110%'}, 500);
 +
      n = 7;
 +
      t = 30;}   
 +
      else if (n==2 || n==2.5) {
 +
      $("#one").css('left', '-110%');
 +
      $('#one').animate({'left':'10%'}, 500);
 +
      $("#two").animate({'left':'110%'}, 500);
 +
      t = 30;} 
 +
      else if (n==3 || n==3.5) {
 +
      $("#two").css('left', '-110%');
 +
      $('#two').animate({'left':'10%'}, 500);
 +
      $("#three").animate({'left':'110%'}, 500);
 +
      $("#four").css('left', '-110%');}
 +
      else if (n==4 || n==4.5) {
 +
      $("#three").css('left', '-110%');
 +
      $('#three').animate({'left':'10%'}, 500);
 +
      $("#four").animate({'left':'110%'}, 500);}
 +
      else if (n==5 || n==5.5) {
 +
      $("#four").css('left', '-110%');
 +
      $('#four').animate({'left':'10%'}, 500);
 +
      $("#five").animate({'left':'110%'}, 500);}
 +
      else if (n==6 || n==6.5) {
 +
      $("#five").css('left', '-110%');
 +
      $('#five').animate({'left':'10%'}, 500);
 +
      $("#six").animate({'left':'110%'}, 500);
 +
      t = 30;}
 +
    });
 +
 
 +
  });
 +
</script>
 +
 
 +
<script type="text/javascript">
 +
$(document).ready(
 +
    function(){
 +
      var t = 1;
 +
      $("#secretone").click(function () {
 +
      t = 2;
 +
      });
 +
      $("#secrettwo").click(function () {
 +
      t = t + 2;
 +
      });
 +
      $("#secretthree").click(function () {
 +
      t = t +1;
 +
      if (t == 5) {
 +
            $("#appear").show(500);
 +
            $("#appear").css('z-index', '50');}
 +
      else {
 +
            t = 1;}
 +
      });
 +
  });
 +
</script>
 +
<head>
 
         <!-- slick CSS -->
 
         <!-- slick CSS -->
 
         <meta charset="UTF-8">
 
         <meta charset="UTF-8">

Revision as of 00:51, 2 November 2017

Foundational Advancement Team, Best Basic Part, and Best Part Collection.



Contact us: