Line 252: | Line 252: | ||
<!--li{ list-style:none;} | <!--li{ list-style:none;} | ||
#Qidilist{ width:100%; position:absolute; top:0; left:0; transition:.5s top;} | #Qidilist{ width:100%; position:absolute; top:0; left:0; transition:.5s top;} | ||
− | #Qidilist .liList{ width:2000px; position:relative; left:50% | + | #Qidilist .liList{ width:2000px; position:relative; left:50%; margin-left:-800px; overflow:hidden;} |
#lay-menu{ position:fixed; right:0; top:50%; z-index:20;} | #lay-menu{ position:fixed; right:0; top:50%; z-index:20;} | ||
#lay-menu li{ width:10px; height:10px; border-radius:50%; margin:10px; border:1px white solid; cursor:pointer;} | #lay-menu li{ width:10px; height:10px; border-radius:50%; margin:10px; border:1px white solid; cursor:pointer;} | ||
Line 264: | Line 264: | ||
#homeContent .homeContent1 li h1{ color:white; text-align:center; padding-top:200px;} | #homeContent .homeContent1 li h1{ color:white; text-align:center; padding-top:200px;} | ||
#homeContent .homeContent1 li.active{ z-index:1; visibility:visible;} | #homeContent .homeContent1 li.active{ z-index:1; visibility:visible;} | ||
− | |||
#homeContent h1{border-bottom: none;} | #homeContent h1{border-bottom: none;} | ||
#homeContent .homeContent2{ position:absolute; bottom:0; z-index:2; text-align:center; width:100%; transition:1s;} | #homeContent .homeContent2{ position:absolute; bottom:0; z-index:2; text-align:center; width:100%; transition:1s;} | ||
Line 362: | Line 361: | ||
</a> | </a> | ||
<div id="menu"> | <div id="menu"> | ||
− | <div class="pure-menu"><img src="icon1.jpg" width= | + | <div class="pure-menu"><img src="icon1.jpg" width=240px height=190px alt=""> |
<ul class="pure-menu-list"> | <ul class="pure-menu-list"> | ||
− | <li class="pure-menu-item"><a class="pure-menu-heading" href=" | + | <li class="pure-menu-item"><a class="pure-menu-heading" href="https://2017.igem.org/Team:NUDT_CHINA" class="pure-menu-link">HOME</a></li> |
<li class="pure-menu-item pure-menu-has-children"> | <li class="pure-menu-item pure-menu-has-children"> | ||
− | <a | + | <a class="pure-menu-link"onclick="Show('team_show')">TEAM</a> |
<ul class="pure-menu-children" id="team_show"> | <ul class="pure-menu-children" id="team_show"> | ||
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Team" class="pure-menu-link">Team</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Collaborations" class="pure-menu-link">Collaborations</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li class="pure-menu-item pure-menu-has-children"> | <li class="pure-menu-item pure-menu-has-children"> | ||
− | <a | + | <a class="pure-menu-link"onclick="Show('project_show')">PROJECT</a> |
<ul class="pure-menu-children" id="project_show"> | <ul class="pure-menu-children" id="project_show"> | ||
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Description" class="pure-menu-link">Description</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Design" class="pure-menu-link">Design</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Experiments" class="pure-menu-link">Experiment</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Notebook" class="pure-menu-link">Notebook</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/InterLab" class="pure-menu-link">InterLab</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Contribution" class="pure-menu-link">Contribution</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Model" class="pure-menu-link">Model</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Results" class="pure-menu-link">Results</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Demonstrate" class="pure-menu-link">Demonstrate</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Improve" class="pure-menu-link">Improve</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Attributions" class="pure-menu-link">Attributions</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li class="pure-menu-item pure-menu-has-children"> | <li class="pure-menu-item pure-menu-has-children"> | ||
− | <a | + | <a class="pure-menu-link"onclick="Show('part_show')">PARTS</a> |
<ul class="pure-menu-children" id="part_show"> | <ul class="pure-menu-children" id="part_show"> | ||
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Parts" class="pure-menu-link">Parts</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Basic_Part" class="pure-menu-link">Basic Parts</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Composite_Part" class="pure-menu-link">Composite Parts</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Part_Collection" class="pure-menu-link">Part Collection</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Safety" class="pure-menu-link">SAFETY</a></li> |
<li class="pure-menu-item pure-menu-has-children"> | <li class="pure-menu-item pure-menu-has-children"> | ||
− | <a | + | <a class="pure-menu-link"onclick="Show('HP_show')">HP</a> |
<ul class="pure-menu-children" id="HP_show"> | <ul class="pure-menu-children" id="HP_show"> | ||
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/HP/Silver" class="pure-menu-link">Sliver HP</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/HP/Gold_Integrated" class="pure-menu-link">Integrated and Gold</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Engagement" class="pure-menu-link">Public Engagement</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li class="pure-menu-item pure-menu-has-children"> | <li class="pure-menu-item pure-menu-has-children"> | ||
− | <a | + | <a class="pure-menu-link"onclick="Show('award_show')">AWARDS</a> |
<ul class="pure-menu-children" id="award_show"> | <ul class="pure-menu-children" id="award_show"> | ||
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Applied_Design" class="pure-menu-link">Applied Design</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Entrepreneurship" class="pure-menu-link">Enterpreneurship</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Hardware" class="pure-menu-link">Hardware</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Measurement" class="pure-menu-link">Measurement</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Model" class="pure-menu-link">Model</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Plant" class="pure-menu-link">Plant</a></li> |
− | <li class="pure-menu-item"><a href=" | + | <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Software" class="pure-menu-link">Software</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
Line 456: | Line 453: | ||
</div> | </div> | ||
− | <script> | + | <script type="text/javascript"> |
− | ( function(window,document){ | + | (function (window, document) { |
var layout = document.getElementById('layout'), | var layout = document.getElementById('layout'), | ||
menu = document.getElementById('menu'), | menu = document.getElementById('menu'), | ||
menuLink = document.getElementById('menuLink'), | menuLink = document.getElementById('menuLink'), | ||
− | content = document.getElementById(' | + | content = document.getElementById('content'); |
+ | |||
function toggleClass(element, className) { | function toggleClass(element, className) { | ||
Line 495: | Line 493: | ||
toggleAll(e); | toggleAll(e); | ||
}; | }; | ||
− | |||
content.onclick = function(e) { | content.onclick = function(e) { | ||
if (menu.className.indexOf('active') !== -1) { | if (menu.className.indexOf('active') !== -1) { | ||
Line 501: | Line 498: | ||
} | } | ||
}; | }; | ||
+ | |||
+ | |||
}(this, this.document)); | }(this, this.document)); | ||
</script> | </script> | ||
− | <script> | + | <script type="text/javascript" > |
function Show(tagId) { | function Show(tagId) { | ||
if (document.getElementById(tagId).style.display=="none") { | if (document.getElementById(tagId).style.display=="none") { |
Revision as of 05:11, 17 October 2017