Difference between revisions of "Team:Mingdao"

Line 220: Line 220:
 
<div style="position:relative;">
 
<div style="position:relative;">
 
  <img src="https://static.igem.org/mediawiki/2018/1/1f/T--Mingdao--HomePage.jpg" style="display:block; margin:auto;">
 
  <img src="https://static.igem.org/mediawiki/2018/1/1f/T--Mingdao--HomePage.jpg" style="display:block; margin:auto;">
  <div style="position:absolute; z-index:1000; left:10px; top:10px">
+
  <div style="position:absolute; z-index:1000; left:50px; top:400px">
 
   <font color="#ef0404">
 
   <font color="#ef0404">
 
   <font size="4">  
 
   <font size="4">  
Line 303: Line 303:
 
   <font color="#ffffff">
 
   <font color="#ffffff">
 
   <font size="4">  
 
   <font size="4">  
   <a href="https://2018.igem.org/Team:Mingdao/DM_test">see more<i class="fa fa-folder-open" aria-hidden="true"></i></a></font></p>
+
   <a href="https://2018.igem.org/Team:Mingdao/DM_test">see more<i class="fa fa-folder-open" aria-hidden="true"></i></a></font></font></p>
 
      
 
      
 
   </div>
 
   </div>

Revision as of 05:43, 14 October 2018

Description
     
添加文字...添加文字...添加文字...

Syringe

GFP System

Mosquito Immune Signaling

AMP System

Project Motivation

Experimental Principle

$("#d-overview-btn").click(function() { $('html, body').animate({ scrollTop: $("#d-overview").offset().top }, 500); }); $("#d-intro-btn").click(function() { $('html, body').animate({ scrollTop: $("#d-intro").offset().top }, 500); }); $("#d-antidote-btn").click(function() { $('html, body').animate({ scrollTop: $("#d-antidote").offset().top }, 500); }); $("#d-detective-btn").click(function() { $('html, body').animate({ scrollTop: $("#d-detective").offset().top }, 500); }); $(document).ready(function(){ $('.top').on('click', function(){ $('html, body').animate({scrollTop: '0px'}, 500); }); $("#d-overview-btn").css('background-color', '#385e66'); var scroll_pos = 0; $(document).scroll(function() { scroll_pos = $(this).scrollTop(); d_overview_pos = $("#d-overview").offset().top -100 d_intro_pos = $("#d-intro").offset().top -100 d_antidote_pos = $("#d-antidote").offset().top -100 d_detective_pos = $("#d-detective").offset().top -100 // overview if(scroll_pos < d_intro_pos) { $(".path-dot").css('background-color', '#fff') $("#d-overview-btn").css('background-color', '#385e66'); // intro } else if(scroll_pos < d_antidote_pos){ if(scroll_pos >= d_intro_pos){ $(".path-dot").css('background-color', '#fff') $("#d-intro-btn").css('background-color', '#385e66');} // antidote } else if(scroll_pos < d_detective_pos){ if(scroll_pos >= d_antidote_pos){ $(".path-dot").css('background-color', '#fff') $("#d-antidote-btn").css('background-color', '#385e66');} } //detective else if( scroll_pos >= d_detective_pos) { $(".path-dot").css('background-color', '#fff') $("#d-detective-btn").css('background-color', '#385e66'); } }); });