|
|
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
添加文字...添加文字...添加文字...
Mosquito Immune Signaling
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');
}
});
});