Difference between revisions of "Team:Fudan-CHINA"
| Line 1: | Line 1: | ||
{{Fudan-CHINA}} | {{Fudan-CHINA}} | ||
<html> | <html> | ||
| − | + | ||
<!--page--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | <!--page--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
<div id="div1"> | <div id="div1"> | ||
| Line 118: | Line 118: | ||
<img style="width:7vw;margin: 1% 0 3% 0;" src="https://static.igem.org/mediawiki/2018/0/0d/T--Fudan-CHINA--split1.png"/> | <img style="width:7vw;margin: 1% 0 3% 0;" src="https://static.igem.org/mediawiki/2018/0/0d/T--Fudan-CHINA--split1.png"/> | ||
<br/> | <br/> | ||
| − | <img class="spImg" style="width:22vw;padding:1% 2.5%;" src="https://static.igem.org/mediawiki/2018/a/ab/T--Fudan-CHINA--sponsorFDU.png" /> | + | <img style="width:0.001vw;"/> |
| + | <img class="spImg" id="spImg1" style="width:22vw;padding:1% 2.5%;" src="https://static.igem.org/mediawiki/2018/a/ab/T--Fudan-CHINA--sponsorFDU.png" /> | ||
<img style="width: 1%" /> | <img style="width: 1%" /> | ||
| − | <img class="spImg" style="width:22vw;padding: 1% 2.5% 1.7% 2.5%;" src="https://static.igem.org/mediawiki/2018/archive/b/b3/20180925104907%21T--Fudan-CHINA--sponsorSLS.png" /> | + | <img class="spImg" id="spImg2" style="width:22vw;padding: 1% 2.5% 1.7% 2.5%;" src="https://static.igem.org/mediawiki/2018/archive/b/b3/20180925104907%21T--Fudan-CHINA--sponsorSLS.png" /> |
<img style="width: 1%" /> | <img style="width: 1%" /> | ||
| − | <img class="spImg" style="width:25vw;padding: 1.8% 1%" src="https://static.igem.org/mediawiki/2018/archive/1/12/20180925110215%21T--Fudan-CHINA--sponsorSBMS.png" /> | + | <img class="spImg" id="spImg3" style="width:25vw;padding: 1.8% 1%" src="https://static.igem.org/mediawiki/2018/archive/1/12/20180925110215%21T--Fudan-CHINA--sponsorSBMS.png" /> |
<br /><br /> | <br /><br /> | ||
| − | <img class="spImg" style="width:15vw;padding: 2.1% 6vw;" src="https://static.igem.org/mediawiki/2018/f/fc/T--Fudan-CHINA--sponsorYunfeng.png" /> | + | |
| + | <img class="spImg" id="spImg4" style="width:15vw;padding: 2.1% 6vw;" src="https://static.igem.org/mediawiki/2018/f/fc/T--Fudan-CHINA--sponsorYunfeng.png" /> | ||
<img style="width: 1%" /> | <img style="width: 1%" /> | ||
| − | <img class="spImg" style="width:15vw;padding: 1.87% 6vw;" src="https://static.igem.org/mediawiki/2018/8/81/T--Fudan-CHINA--sponsorSnapGene.png" /> | + | <img class="spImg" id="spImg5" style="width:15vw;padding: 1.87% 6vw;" src="https://static.igem.org/mediawiki/2018/8/81/T--Fudan-CHINA--sponsorSnapGene.png" /> |
<img style="width: 1%" /> | <img style="width: 1%" /> | ||
| − | <img class="spImg" style="width:21vw;padding: 2.98% 3vw;" src="https://static.igem.org/mediawiki/2018/6/68/T--Fudan-CHINA--sponsorMathworks.jpeg" /> | + | <img class="spImg" id="spImg6" style="width:21vw;padding: 2.98% 3vw;" src="https://static.igem.org/mediawiki/2018/6/68/T--Fudan-CHINA--sponsorMathworks.jpeg" /> |
</div> | </div> | ||
| Line 136: | Line 138: | ||
width: 100%; | width: 100%; | ||
text-align: center; | text-align: center; | ||
| + | overflow: hidden; | ||
} | } | ||
.spImg{ | .spImg{ | ||
| Line 141: | Line 144: | ||
border-color:rgba(219,219,219,1); | border-color:rgba(219,219,219,1); | ||
border-width: 0.1vw; | border-width: 0.1vw; | ||
| + | position:relative; | ||
| + | top:50px; | ||
| + | opacity: 0; | ||
} | } | ||
</style> | </style> | ||
| + | <script> | ||
| + | |||
| + | $(function(){ | ||
| + | $(window).scroll(function(){ | ||
| + | slideIn($("#spImg1"),$("#spImg1"),0); | ||
| + | slideIn($("#spImg2"),$("#spImg1"),300); | ||
| + | slideIn($("#spImg3"),$("#spImg1"),600); | ||
| + | slideIn($("#spImg4"),$("#spImg4"),0); | ||
| + | slideIn($("#spImg5"),$("#spImg4"),300); | ||
| + | slideIn($("#spImg6"),$("#spImg4"),600); | ||
| + | }); | ||
| + | |||
| + | function slideIn(obj,obj2,delayTime){ | ||
| + | var targetHeight = obj.offset().top-50; | ||
| + | var scrollTop = $(document).scrollTop(); | ||
| + | var winHeight=$(window).height(); | ||
| + | var imgHeight=obj2.height(); | ||
| + | if(scrollTop+winHeight-0.5*imgHeight>targetHeight){ | ||
| + | setTimeout(function(){ obj.animate({top:'0px',opacity:1},500); }, delayTime); | ||
| + | } | ||
| + | }; | ||
| + | |||
| + | }); | ||
| + | |||
| + | </script> | ||
| + | |||
<!----------------------------------------------------------------------------------------------------------------------------------------------------> | <!----------------------------------------------------------------------------------------------------------------------------------------------------> | ||
| Line 151: | Line 183: | ||
<!--end---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | <!--end---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
| − | + | ||
</html> | </html> | ||
Revision as of 14:43, 25 September 2018
S T E P
Synthetic Transducer Engineering Platform
SPONSORS
