Difference between revisions of "Team:BIT-China"
(9 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{BIT-China}} | {{BIT-China}} | ||
− | <html> | + | <html> |
+ | <style> | ||
+ | body{ | ||
+ | vh:10; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | #container{ | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | text-align:center; | ||
+ | } | ||
+ | #title{ | ||
+ | font-family: Jokerman; | ||
+ | font-size: 60px; | ||
+ | color: #68441c; | ||
+ | width:100%; | ||
+ | height:80px; | ||
+ | position:absolute; | ||
+ | top:130px; | ||
+ | z-index:-2; | ||
+ | } | ||
+ | /*background-image:url("../image/index_title.png"); | ||
+ | background-position:center; | ||
+ | background-repeat:no-repeat;*/ | ||
+ | #bacterium_coli{ | ||
+ | width:210px; | ||
+ | height:350px; | ||
+ | background-repeat:no-repeat; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2015/3/38/BIT_China_bacterium_coli.png"); | ||
+ | background-position:center; | ||
+ | position:absolute; | ||
+ | top:235px; | ||
+ | left:10px; | ||
+ | } | ||
+ | #index_glass_garden{ | ||
+ | width:100%; | ||
+ | height:250px; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2015/6/6d/BIT_China_index_glass_garden.png"); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:center; | ||
+ | position:absolute; | ||
+ | top:440px; | ||
+ | } | ||
+ | @media screen and (max-width:1024px){ | ||
+ | #title{ | ||
+ | background-size:90%; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | var pos = $('#taiji').offset().left; | ||
+ | var outerWidth_icon = $('#taiji').outerWidth(); | ||
+ | var outerWidth_coli = $('#bacterium_coli').outerWidth(); | ||
+ | $('#bacterium_coli').css('left', pos+outerWidth_icon/2-outerWidth_coli/2); | ||
+ | |||
+ | $("a").mouseover(function(){ | ||
+ | $('#bacterium_coli').stop(true, false); | ||
+ | |||
+ | pos=$(this).children("div").eq(0).offset().left; | ||
+ | var newposX = pos+outerWidth_icon/2-outerWidth_coli/2; | ||
+ | var aa = $('#bacterium_coli').offset().left; | ||
+ | if(aa> newposX ){ | ||
+ | $('#bacterium_coli').css('background-position','0px 0px'); | ||
+ | }else if(aa< newposX ){ | ||
+ | $('#bacterium_coli').css('background-position','-420px 0px'); | ||
+ | } | ||
+ | else{ | ||
+ | $('#bacterium_coli').css('background-position','-210px 0px'); | ||
+ | } | ||
+ | |||
+ | $('#bacterium_coli').animate({ | ||
+ | 'left':newposX, | ||
+ | }, 500, function(){ | ||
+ | $('#bacterium_coli').css('background-position','-210px 0px'); | ||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | }); | ||
+ | |||
+ | $('#top_nav span').mouseover(function(){ | ||
+ | $('#bacterium_coli').css('background-position','-210px 0px'); | ||
+ | }); | ||
+ | //$('a').mouseover(function(){ | ||
+ | // $(this).children("div").children("img").addClass("bounce"); | ||
+ | //}); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div id="container"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/d/d1/BIT_China_main_page_ph.png" style="width:90%;margin-top:43px;" /> | ||
+ | <div id="index_glass_garden"></div> | ||
+ | <div id="bacterium_coli"></div> | ||
+ | </div> | ||
+ | |||
+ | </div><!-- End of content --> | ||
+ | </div><!-- End of mainContainer --> | ||
+ | </html> | ||
+ | |||
+ | |||
+ | <!-- | ||
+ | |||
<h1> Welcome to iGEM 2015!</h1> | <h1> Welcome to iGEM 2015!</h1> | ||
<h2 style="color:blue">Project Descriptions </h2> | <h2 style="color:blue">Project Descriptions </h2> | ||
Line 8: | Line 119: | ||
<hr /> | <hr /> | ||
<p>Your team has been approved and you are ready to start the iGEM season! </p> | <p>Your team has been approved and you are ready to start the iGEM season! </p> | ||
− | <a href | + | <p><a href="https://2015.igem.org/Team:BIT-China/Background">Background</a></p> |
+ | <p><a href="https://2015.igem.org/Team:BIT-China/Project_Regulation_Subsystem">Project_Regulation_Subsystem</a></p> | ||
+ | <p><a href="https://2015.igem.org/Team:BIT-China/Project_Resistance_Subsystem">Project_Resistance_Subsystem</a></p> | ||
<h4>Before you start: </h4> | <h4>Before you start: </h4> | ||
<p> Please read the following pages:</p> | <p> Please read the following pages:</p> | ||
Line 65: | Line 178: | ||
− | + | --> | |
− | + | ||
− | + |
Latest revision as of 01:44, 18 September 2015