Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | |||
<!--start----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | <!--start----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
Line 9: | Line 11: | ||
#top_menu_under,#home_logo, #sideMenu,#top,.logo_2018,#firstHeading ,#top_title, .patrollink { display:none; } | #top_menu_under,#home_logo, #sideMenu,#top,.logo_2018,#firstHeading ,#top_title, .patrollink { display:none; } | ||
.mediawiki,#globalWrapper,#content,#HQ_page,#bodyContent,#mw-content-text { width:100%; padding:0px; margin:0px; } | .mediawiki,#globalWrapper,#content,#HQ_page,#bodyContent,#mw-content-text { width:100%; padding:0px; margin:0px; } | ||
− | |||
− | |||
− | + | #top_menu_14{position: fixed;top:0;} | |
+ | p{display: none;} | ||
</style> | </style> | ||
− | + | ||
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQuery&action=raw&ctype=text/javascript"> | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQuery&action=raw&ctype=text/javascript"> | ||
Line 23: | Line 24: | ||
</script> | </script> | ||
− | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/ | + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQueryAnimateColors&action=raw&ctype=text/javascript"> |
− | // | + | //jQuery_AnimateColors |
</script> | </script> | ||
+ | <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/fontAwesome&action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
− | + | <!-- | |
− | + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/bookstrapJs &action=raw&ctype=text/javascript"> | |
+ | //bootstrap | ||
+ | </script> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/bookstrapCss&action=raw&ctype=text/css" /> | ||
+ | --> | ||
<!-- | <!-- | ||
Line 36: | Line 44: | ||
--> | --> | ||
− | + | ||
− | + | ||
− | + | ||
Line 241: | Line 247: | ||
myBgVideo.addEventListener('canplaythrough',function(){ | myBgVideo.addEventListener('canplaythrough',function(){ | ||
setTimeout(function(){ $('body').addClass('loaded'); | setTimeout(function(){ $('body').addClass('loaded'); | ||
− | $('#loader-wrapper .load_title').remove(); }, | + | $('#loader-wrapper .load_title').remove(); },500); |
}); | }); | ||
}); | }); | ||
Line 247: | Line 253: | ||
var myBgVideo=document.getElementById("bgVideo"); | var myBgVideo=document.getElementById("bgVideo"); | ||
setTimeout(function(){ $('body').addClass('loaded'); | setTimeout(function(){ $('body').addClass('loaded'); | ||
− | $('#loader-wrapper .load_title').remove(); }, | + | $('#loader-wrapper .load_title').remove(); }, 1000); |
}); | }); | ||
− | + | function slideInTop(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); | ||
+ | } | ||
+ | }; | ||
+ | function slideInLeft(obj,obj2,delayTime){ | ||
+ | var targetHeight = obj.offset().top; | ||
+ | var scrollTop = $(document).scrollTop(); | ||
+ | var winHeight=$(window).height(); | ||
+ | var imgHeight=obj2.height(); | ||
+ | if(scrollTop+winHeight-0.3*imgHeight>targetHeight){ | ||
+ | setTimeout(function(){ obj.animate({left:'0px',opacity:1},500); }, delayTime); | ||
+ | } | ||
+ | }; | ||
</script> | </script> | ||
<!---------------------------------------------------------------------------------------------------------------------------------------------------> | <!---------------------------------------------------------------------------------------------------------------------------------------------------> | ||
Line 261: | Line 284: | ||
<li class="navLi navImg" style="display: inline-block;float: left;width: 3%;" href="#8"></li> | <li class="navLi navImg" style="display: inline-block;float: left;width: 3%;" href="#8"></li> | ||
<li class="navLi navImg" style="float: left;"><a href="https://2018.igem.org/Team:Fudan-CHINA"><img class="navA teamImg" src="https://static.igem.org/mediawiki/2018/1/1d/T--Fudan-CHINA--step_white.png" /></a></li> | <li class="navLi navImg" style="float: left;"><a href="https://2018.igem.org/Team:Fudan-CHINA"><img class="navA teamImg" src="https://static.igem.org/mediawiki/2018/1/1d/T--Fudan-CHINA--step_white.png" /></a></li> | ||
− | <li class="navLi navImg" style="float: left;position: relative;"><a class="navA activeA teamName" href="https://2018.igem.org/Team:Fudan-CHINA">Fudan-CHINA</a></li> | + | <li class="navLi navImg" style="float: left;position: relative;"><a class="navA activeA teamName" href="https://2018.igem.org/Team:Fudan-CHINA" style="color: white;">Fudan-CHINA</a></li> |
<li class="navLi"><a class="navA" href="#7">Team</a></li> | <li class="navLi"><a class="navA" href="#7">Team</a></li> |
Revision as of 09:55, 27 September 2018