Difference between revisions of "Team:NJU-China"

Line 18: Line 18:
 
<link href="https://2015.igem.org/Template:NJU-China/CSS3?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
<link href="https://2015.igem.org/Template:NJU-China/CSS3?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
<link href="https://2015.igem.org/Template:NJU-China/CSS4?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 
<link href="https://2015.igem.org/Template:NJU-China/CSS4?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
<link href="https://2015.igem.org/Template:NJU-China/CSS5?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
<script async="" src="https://2015.igem.org/Template:NJU-China/JS3?
 +
action=raw&ctype=text/javascript">
 +
<script async="" src="https://2015.igem.org/Template:NJU-China/JS4?
 +
action=raw&ctype=text/javascript">
 
<style type="text/css">
 
<style type="text/css">
  
Line 141: Line 146:
 
     position: fixed;
 
     position: fixed;
 
}
 
}
−
 
 
</style>
 
</style>
 +
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$('#shutter1').css({backgroundPosition: '0px 0px'});
 +
$('#shutter2').css({backgroundPosition: '0px 0px'});
 +
$('#shutter3').css({backgroundPosition: '0px 0px'});
 +
$('#shutter4').css({backgroundPosition: '0px 0px'});
 +
$(".link").hover(function(){
 +
  $(this).parent().animate({backgroundPosition: '(0px -100px)'}, 500 );
 +
}, function() {
 +
  $(this).parent().animate({backgroundPosition: '(0px 0px)'}, 500 );
 +
});
 +
});
 +
</script>
  
 
</head>
 
</head>
Line 157: Line 175:
 
</div>
 
</div>
  
−
<div id='menu-overlay'>
 
−
<div class='menu-content'>
 
−
<ul>
 
−
<li><a href="#wangye2" style="font-weight:bold;font-family:Microsoft YaHei">menu</a></li>
 
−
<li><a href="NJU-China-aknow.html" style="font-weight:bold;font-family:Microsoft YaHei">aknow</a></li>
 
−
<li><a href="NJU-China-human-practice.html" style="font-weight:bold;font-family:Microsoft YaHei">humanpractice</a></li>
 
−
<li><a href="NJU-China-project.html" style="font-weight:bold;font-family:Microsoft YaHei">project</a></li>
 
−
<li><a href="NJU-China-notebook.html" style="font-weight:bold;font-family:Microsoft YaHei">notebook</a></li>
 
−
<li><a href="NJU-China-safty.html" style="font-weight:bold;font-family:Microsoft YaHei">safty</a></li>
 
−
<li><a href="NJU-China-team.html" style="font-weight:bold;font-family:Microsoft YaHei">team</a></li>
 
−
<li><a class="button" href="#content" style="font-weight:bold;font-family:Microsoft YaHei">content</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
  
 
<div id="header" style="background-image:url(https://static.igem.org/mediawiki/2015/3/38/NJU-China-home.jpg);height:100%;size:auto">
 
<div id="header" style="background-image:url(https://static.igem.org/mediawiki/2015/3/38/NJU-China-home.jpg);height:100%;size:auto">
Line 189: Line 193:
 
<img id="home2" src="https://static.igem.org/mediawiki/2015/0/05/NJU-China-home2.png">
 
<img id="home2" src="https://static.igem.org/mediawiki/2015/0/05/NJU-China-home2.png">
  
 +
 +
 +
<ul id="menuback">
 +
  <li class="shutter" id="shutter1"><a class="link" href="https://2015.igem.org/Team:NJU-China/Practices">Link 1</a></li>
 +
  <li class="shutter" id="shutter2"><a class="link" href="http://www.mycodes.net/css-menu/">Link 2</a></li>
 +
  <li class="shutter" id="shutter3"><a class="link" href="http://www.mycodes.net/css-menu/">Link 3</a></li>
 +
  <li class="shutter" id="shutter4"><a class="link" href="http://www.mycodes.net/css-menu/">Link 4</a></li>
 +
</ul>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!--
 
<div id="menu">
 
<div id="menu">
 
<table style="width:100%;margin-top:100px">
 
<table style="width:100%;margin-top:100px">
Line 207: Line 232:
 
</table>
 
</table>
 
</div>
 
</div>
 +
-->
  
 
</div>
 
</div>

Revision as of 06:28, 18 September 2015

展示网页