Difference between revisions of "Team:Mingdao"

Line 213: Line 213:
 
</script>
 
</script>
 
≈
 
≈
−
       <! div class="my-main-container">
+
       <div class="my-main-container">
−
         <! div class="main-content">
+
         <div class="main-content">
−
           <! div class="text-area">
+
           <div class="text-area">
 
            
 
            
 
           </div>
 
           </div>
Line 221: Line 221:
 
       </div>
 
       </div>
 
     </div>
 
     </div>
−
     <! div class="path-btns" style="left:0;">
+
     <div class="path-btns" style="left:0;">
 
       <div class="path">
 
       <div class="path">
 
         <div class="pathSvg">
 
         <div class="pathSvg">
Line 233: Line 233:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <! div class="path">
+
       <div class="path">
 
         <div class="pathSvg">
 
         <div class="pathSvg">
 
           <svg width="80" height = "100">
 
           <svg width="80" height = "100">
Line 244: Line 244:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <! div class="path">
+
       <div class="path">
 
         <div class="pathSvg">
 
         <div class="pathSvg">
 
           <svg width="80" height = "100">
 
           <svg width="80" height = "100">
Line 255: Line 255:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
−
       <! div class="path">
+
       <div class="path">
 
         <div class="pathSvg">
 
         <div class="pathSvg">
 
           <svg width="80" height = "100">
 
           <svg width="80" height = "100">

Revision as of 10:41, 13 October 2018

HOME
Description
≈

Syringe

GFP System

Mosquito Immune Signaling

AMP System

Project Motivation

Experimental Principle

DM

see more

$("#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'); } }); });