Difference between revisions of "Template:NUDT CHINA"

Line 1,046: Line 1,046:
 
<!-- start of content -->
 
<!-- start of content -->
 
<div class="igem_2017_content_wrapper">
 
<div class="igem_2017_content_wrapper">
 +
<html lang="en">
 +
<head>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <title>Team:NUDT_CHINA</title>
 +
<script type="text/javascript" >
 +
window.onload=function(){
 +
var oContent = $('content');
 +
var oLoading = $('loading');
 +
var oList = $('Qidilist');
 +
var aLiList = getByClass( oList , 'liList' );
 +
var aDivList = getByClass( oList , 'divList' );
 +
var oHomeContent = $('homeContent');
 +
var oHomeContent1 = getByClass(oHomeContent , 'homeContent1')[0];
 +
var oHomeContent2 = getByClass(oHomeContent , 'homeContent2')[0];
 +
var oMenu = $('lay-menu');
 +
  var oNextBtn=$('next-button');
 +
var aLiMenu = oMenu.getElementsByTagName('li');
 +
var Btn1=$('button-after-1');
 +
var Btn2=$('button-after-2');
 +
var Btn3=$('button-after-3');
 +
var iNow = 0;
 +
var prevIndex = 0;
 +
var iContentHeight = 0;
 +
contentAuto();
 +
listContentAuto();
 +
bindNav();
 +
mouseWheel();
 +
homeContent();
 +
add1();
 +
add2();
 +
window.onresize = fnResize; 
 +
function add1() {
 +
oNextBtn.onclick=function () {
 +
showLoading();
 +
};
 +
}
 +
function add2() {
 +
Btn1.onclick=function () {
 +
toMove(1);
 +
};
 +
Btn2.onclick=function () {
 +
toMove(2);
 +
};
 +
Btn3.onclick=function () {
 +
toMove(0);
 +
};
 +
}
 +
function showLoading(){
 +
var oSpan = oLoading.getElementsByTagName('span')[0];
 +
var aDiv = oLoading.getElementsByTagName('div');
 +
oSpan.style.width = '100%';
 +
oSpan.addEventListener('webkitTransitionend',spanChange,false);
 +
oSpan.addEventListener('transitionend',spanChange,false);
 +
function spanChange(){
 +
if(oSpan.style.width == '100%'){
 +
oSpan.style.display = 'none';
 +
aDiv[0].style.height = 0;
 +
aDiv[1].style.height = 0;
 +
}
 +
}
 +
aDiv[0].addEventListener('webkitTransitionend',divChange,false);
 +
aDiv[0].addEventListener('transitionend',divChange,false);
 +
 +
function divChange(){
 +
oLoading.parentNode.removeChild(oLoading);
 +
}
 +
 +
}
 +
 +
function bindNav(){
 +
for(var i=0;i<aLiMenu.length;i++){
 +
aLiMenu[i].index = i;
 +
aLiMenu[i].onclick = function(){
 +
prevIndex = iNow;
 +
iNow = this.index;
 +
toMove( this.index );
 +
};
 +
}
 +
}
 +
function toMove(index){
 +
oList.style.top = - index * iContentHeight + 'px';
 +
for(var i=0;i<aLiMenu.length;i++){
 +
aLiMenu[i].className = '';
 +
}
 +
aLiMenu[index].className = 'active';
 +
 +
 +
 +
}
 +
 +
function contentAuto(){
 +
iContentHeight = viewHeight() ;
 +
oContent.style.height = iContentHeight + 'px';
 +
for(var i=0;i<aLiList.length;i++){
 +
aLiList[i].style.height = iContentHeight + 'px';
 +
}
 +
oList.style.top = - iNow * iContentHeight + 'px';
 +
}
 +
 +
function listContentAuto(){
 +
var mt = (iContentHeight - 520)/2;
 +
for(var i=0;i<aDivList.length;i++){
 +
aDivList[i].style.marginTop =  mt+'px';
 +
}
 +
}
 +
 +
function fnResize(){
 +
contentAuto();
 +
listContentAuto();
 +
}
 +
 +
function mouseWheel(){
 +
var bBtn = true;
 +
var timer = null;
 +
if(oContent.addEventListener){
 +
oContent.addEventListener('DOMMouseScroll',function(ev){
 +
var ev = ev || window.event;
 +
clearTimeout(timer);
 +
timer = setTimeout(function(){
 +
toChange(ev);
 +
},200);
 +
},false);
 +
}
 +
oContent.onmousewheel = function(ev){
 +
var ev = ev || window.event;
 +
clearTimeout(timer);
 +
timer = setTimeout(function(){
 +
toChange(ev);
 +
},200);
 +
};
 +
 +
function toChange(ev){
 +
if(ev.detail){
 +
bBtn = ev.detail > 0 ? true : false;
 +
}
 +
else{
 +
bBtn = ev.wheelDelta < 0 ? true : false;
 +
}
 +
 +
if(  iNow == aLiList.length-1){if(bBtn!=0){return;};}
 +
if( iNow == 0 ){if(bBtn==0){return;};}
 +
 +
prevIndex = iNow;
 +
if(bBtn){  //↓
 +
if(iNow != aLiList.length-1){
 +
iNow++;
 +
}
 +
toMove(iNow);
 +
}
 +
else{  //↑
 +
if(iNow != 0){
 +
iNow--;
 +
}
 +
toMove(iNow);
 +
}
 +
 +
if(ev.preventDefault){
 +
ev.preventDefault();
 +
}
 +
else{
 +
return false;
 +
}
 +
}
 +
 +
}
 +
 +
function homeContent(){
 +
var aLi1 = oHomeContent1.getElementsByTagName('li');
 +
var aLi2 = oHomeContent2.getElementsByTagName('li');
 +
var oldIndex = 0;
 +
var iNowHome = 0;
 +
 +
var data = [
 +
{ text : 'one layer'},
 +
{ text : 'two layer'},
 +
{ text : 'three layer'},
 +
{ text : 'four layer'}
 +
];
 +
create();
 +
function create(){
 +
for(var i=0;i<data.length;i++){
 +
var oLi1 = document.createElement('li');
 +
oLi1.innerHTML = '<h1 class="commonTitle">'+(data[i].text)+'</h1>';
 +
var oLi2 = document.createElement('li');
 +
if(i == 0){
 +
oLi1.className = 'active';
 +
oLi2.className = 'active';
 +
}
 +
oHomeContent1.appendChild(oLi1);
 +
oHomeContent2.appendChild(oLi2);
 +
}
 +
 +
}
 +
 +
for(var i=0;i<aLi2.length;i++){
 +
aLi2[i].index = i;
 +
aLi2[i].onclick = function(){
 +
for(var i=0;i<aLi2.length;i++){
 +
aLi2[i].className = '';
 +
}
 +
this.className = 'active';
 +
 +
if( oldIndex < this.index ){  //从左向右
 +
aLi1[oldIndex].className = 'leftHide';
 +
aLi1[this.index].className = 'rightShow';
 +
}
 +
else if( oldIndex > this.index ){  //从右向走
 +
aLi1[oldIndex].className = 'rightHide';
 +
aLi1[this.index].className = 'leftShow';
 +
}
 +
oldIndex = this.index;
 +
iNowHome = this.index;
 +
};
 +
}
 +
 +
var timer = setInterval(change,3000);
 +
 +
oHomeContent.onmouseover = function(){
 +
clearInterval(timer);
 +
};
 +
 +
function change(){
 +
iNowHome++;
 +
 +
if(iNowHome == aLi2.length){
 +
iNowHome = 0;
 +
}
 +
 +
for(var i=0;i<aLi2.length;i++){
 +
aLi2[i].className = '';
 +
}
 +
aLi2[iNowHome].className = 'active';
 +
aLi1[oldIndex].className = 'leftHide';
 +
aLi1[iNowHome].className = 'rightShow';
 +
 +
oldIndex = iNowHome;
 +
 +
}
 +
}
 +
function $(id){
 +
return document.getElementById(id);
 +
}
 +
 +
function viewWidth(){
 +
return window.innerWidth || document.documentElement.clientWidth;
 +
}
 +
 +
function viewHeight(){
 +
return window.innerHeight || document.documentElement.clientHeight;
 +
}
 +
 +
function getByClass(oParent,sClass){
 +
var aElem = oParent.getElementsByTagName('*');
 +
var arr = [];
 +
for(var i=0;i<aElem.length;i++){
 +
if( aElem[i].className == sClass ){
 +
arr.push( aElem[i] );
 +
}
 +
}
 +
return arr;
 +
}
 +
}
 +
</script>
 +
<style type="text/css">
 +
.myheader {
 +
    margin:0 auto;
 +
    background-color:rgba(255,255,255,0.85);
 +
   
 +
   
 +
}
 +
    .myheader h5 {
 +
    font-family: 'Monad';
 +
        margin-bottom:1em;
 +
        font-size: 4.2em;
 +
        font-weight: 300;
 +
    border-bottom:none;
 +
    }
 +
    .myheader h6 {
 +
      line-height: 1.2;
 +
      text-align: left;
 +
    font-size: 2.3em;
 +
    color: grey;
 +
      font-weight: 300;
 +
      margin-top: 2px;
 +
    }
 +
.button-after {
 +
  display: inline-block;
 +
  margin:o auto;
 +
  padding: .65em 4em;
 +
  background: -webkit-linear-gradient(#fe5f95 , #ff3f7f);
 +
  background: linear-gradient(#fe5f95 , #ff3f7f);
 +
  border: 1px solid #fe3276;
 +
  border-radius: 4px;
 +
  color: #fff;
 +
  text-decoration: none;
 +
  text-align: center;
 +
  -webkit-transition: .3s ease-in-out;
 +
  transition: .3s ease-in-out;
 +
  margin-bottom: 0px;
 +
}
 +
.button-after:hover {
 +
  -webkit-animation: bounce 2s ease-in-out;
 +
  animation: bounce 2s ease-in-out;
 +
}
 +
@-webkit-keyframes bounce {
 +
  5%  { -webkit-transform: scale(1.1, .8); }
 +
  10% { -webkit-transform: scale(.8, 1.1) translateY(-5px); }
 +
  15% { -webkit-transform: scale(1, 1); }
 +
}
 +
@keyframes bounce {
 +
  5%  { transform: scale(1.1, .8); }
 +
  10% { transform: scale(.8, 1.1) translateY(-5px); }
 +
  15% { transform: scale(1, 1); }
 +
}</style>
 +
<style type="text/css">
 +
.next-button {
 +
  display: inline-block;
 +
  width: 120px;
 +
  height: 120px;
 +
  line-height: 120px;
 +
  background: -webkit-linear-gradient(#00000F , #000000);
 +
  background: linear-gradient(#00000F , #000000);
 +
  border: 1px solid #000000;
 +
  border-radius: 50%;
 +
  color: white;
 +
  text-decoration: none;
 +
  text-align: center;
 +
}
 +
.next-button:hover {
 +
  -webkit-animation: scale .3s ease-in-out;
 +
  animation: scale .3s ease-in-out;
 +
}
 +
@-webkit-keyframes scale {
 +
  50% { -webkit-transform: scale(1.1); }
 +
}
 +
@keyframes scale {
 +
  50% { transform: scale(1.1); }
 +
}
 +
</style>
 +
<style type="text/css">
 +
li{ list-style:none;}
 +
#Qidilist{ width:100%; position:absolute; top:0; left:0; transition:.5s top;}
 +
#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 black solid; cursor:pointer;}
 +
#lay-menu li.active{ background:black; cursor:default;}
 +
#home{ background:url(https://static.igem.org/mediawiki/2017/3/38/Team-NUDT_CHINAimage1.jpg); overflow-x: hidden; top: 0px;height: 100%;width: 100%;}
 +
#abstract{ background:url(https://static.igem.org/mediawiki/2017/3/38/Team-NUDT_CHINAimage1.jpg); overflow-x: hidden; top: 0px;height: 100%;width: 100%;}
 +
#Team{ background:url(https://static.igem.org/mediawiki/2017/3/38/Team-NUDT_CHINAimage1.jpg); overflow-x: hidden; top: 0px;height: 100%;width: 100%;}
 +
#homeContent .homeContent1{ width:100%; height:100%; position:relative; perspective:800px; transform-style:preserve-3d; -webkit-perspective:800px; -webkit-transform-style:preserve-3d; transition:1s;}
 +
#homeContent .homeContent1 li{  width:100%; height:100%; position:absolute; left:0; top:0; background:black; visibility:hidden;}
 +
#homeContent .homeContent1 li:nth-of-type(1){background:#dc6c5f;}
 +
#homeContent .homeContent1 li:nth-of-type(2){background:#95dc84;}
 +
#homeContent .homeContent1 li:nth-of-type(3){background:#64b9d2;}
 +
#homeContent .homeContent1 li h1{ color:white; text-align:center; padding-top:200px;}
 +
#homeContent .homeContent1 li.active{ z-index:1; visibility:visible;}
 +
#homeContent h1{border-bottom: none;}
 +
#homeContent .homeContent2{ position:absolute; bottom:0; z-index:2; text-align:center; width:100%; transition:1s;}
 +
#homeContent .homeContent2 li{ width:20px; height:20px; border-radius:50%; background:rgba(255,255,255,0.5); display:inline-block; margin:2px; box-shadow:0 0 4px rgba(25,25,25,0.8); cursor:pointer;}
 +
#homeContent .homeContent2 li.active{ background:white; cursor:default;}
 +
 +
#homeContent .homeContent1 .leftShow{ animation:1s homeLeftShow; visibility:visible; z-index:3;-webkit-animation:1s homeLeftShow;}
 +
#homeContent .homeContent1 .rightHide{ animation:1s homeRightHide; visibility:hidden; -webkit-animation:1s homeRightHide;}
 +
 +
 +
#homeContent .homeContent1 .leftHide{ animation:1s homeLeftHide; visibility:hidden; -webkit-animation:1s homeLeftHide;}
 +
#homeContent .homeContent1 .rightShow{ animation:1s homeRightShow; visibility:visible; z-index:3; -webkit-animation:1s homeRightShow;}
 +
</style>
 +
<style type="text/css">
 +
@keyframes homeLeftHide{
 +
0%{ transform:translateZ(0px); visibility:visible;}
 +
40%{ transform:translate(-40%,0) scale(0.8) rotateY(20deg);}
 +
100%{ transform:translateZ(-200px);}
 +
}
 +
@keyframes homeRightShow{
 +
0%{ transform:translateZ(-200px);}
 +
40%{ transform:translate(40%,0) scale(0.8) rotateY(-20deg);}
 +
100%{ transform:translateZ(0px);}
 +
}
 +
 +
@-webkit-keyframes homeLeftHide{
 +
0%{ -webkit-transform:translateZ(0px); visibility:visible;}
 +
40%{ -webkit-transform:translate(-40%,0) scale(0.8) rotateY(20deg);}
 +
100%{ -webkit-transform:translateZ(-200px);}
 +
}
 +
@-webkit-keyframes homeRightShow{
 +
0%{ -webkit-transform:translateZ(-200px);}
 +
40%{ -webkit-transform:translate(40%,0) scale(0.8) rotateY(-20deg);}
 +
100%{ -webkit-transform:translateZ(0px);}
 +
}
 +
 +
@keyframes homeLeftShow{
 +
0%{ transform:translateZ(-200px);}
 +
40%{ transform:translate(-40%,0) scale(0.8) rotateY(20deg);}
 +
100%{ transform:translateZ(0px);}
 +
}
 +
@keyframes homeRightHide{
 +
0%{ transform:translateZ(0px); visibility:visible;}
 +
40%{ transform:translate(40%,0) scale(0.8) rotateY(-20deg);}
 +
100%{ transform:translateZ(-200px);}
 +
}
 +
@-webkit-keyframes homeLeftShow{
 +
0%{ -webkit-transform:translateZ(-200px);}
 +
40%{ -webkit-transform:translate(-40%,0) scale(0.8) rotateY(20deg);}
 +
100%{ -webkit-transform:translateZ(0px);}
 +
}
 +
@-webkit-keyframes homeRightHide{
 +
0%{ -webkit-transform:translateZ(0px); visibility:visible;}
 +
40%{ -webkit-transform:translate(40%,0) scale(0.8) rotateY(-20deg);}
 +
100%{ -webkit-transform:translateZ(-200px);}
 +
}
 +
/* home end */
 +
</style>
 +
 +
<style type="text/css">
 +
 +
.Myheader{border-bottom: none;}
 +
#loading div{ width:100%; height:50%; position:absolute; left:0; background:#009ee0; z-index:50; transition:1s;text-align: center;}
 +
#loading div:nth-of-type(1){ top:0;}
 +
#loading div:nth-of-type(2){ bottom:0;}
 +
#loading span{ width:0%; height:4px; background:white; position:absolute; left:0; top:50%; margin-top:-2px; z-index:60; transition:.10s;}
 +
 +
body {
 +
    color: #777;
 +
}
 +
 +
@media (min-width: 88em) {
 +
#Qidilist .liList{ width:2050px; position:relative; left:50%; margin-left:-750px; overflow:hidden;text-align: center;}
 +
  #Qidilist .divList{ width:1200px; height:520px; margin:0px auto; position:relative;}
 +
  .myheader{width: 1000px;}
 +
  .Myheader{margin-top:4em;}
 +
}
 +
 +
@media (max-width: 88em) {
 +
    #Qidilist .liList{ width:1800px; position:relative; left:50%; margin-left:-750px; overflow:hidden;text-align: center;}
 +
    #Qidilist .divList{ width:1050px; height:500px; margin:0px auto; position:relative;}
 +
  .myheader{width:800px;}
 +
  .Myheader{margin-top:1em;}
 +
}
 +
 +
    </style>
 +
 +
</head>
 +
<body>
 +
 
 +
  <div id="loading">
 +
    <div></div>
 +
        <div>
 +
            <a class="next-button" id="next-button">Get Started!</a>
 +
        </div>
 +
        <span></span>
 +
    </div>
 +
  <div id="layout">
 +
        <a href="#menu" id="menuLink" class="menu-link">
 +
            <span></span>
 +
        </a>
 +
        <div id="menu">
 +
        <div class="pure-menu"><img src="https://static.igem.org/mediawiki/2017/4/4f/T-NUDT_CHINA-icon01.png" width=240px height=190px alt="">
 +
          <ul class="pure-menu-list">
 +
            <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">
 +
              <a  class="pure-menu-link"onclick="Show('team_show')">TEAM</a>
 +
              <ul class="pure-menu-children" id="team_show">
 +
                <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="https://2017.igem.org/Team:NUDT_CHINA/Collaborations" class="pure-menu-link">Collaborations</a></li>
 +
            </ul>
 +
            </li>
 +
            <li class="pure-menu-item pure-menu-has-children">
 +
              <a  class="pure-menu-link"onclick="Show('project_show')">PROJECT</a>
 +
              <ul class="pure-menu-children" id="project_show">
 +
                <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="https://2017.igem.org/Team:NUDT_CHINA/Design" class="pure-menu-link">Design</a></li>
 +
                <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="https://2017.igem.org/Team:NUDT_CHINA/Notebook" class="pure-menu-link">Notebook</a></li>
 +
                <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="https://2017.igem.org/Team:NUDT_CHINA/Contribution" class="pure-menu-link">Contribution</a></li>
 +
                <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="https://2017.igem.org/Team:NUDT_CHINA/Results" class="pure-menu-link">Results</a></li>
 +
                <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="https://2017.igem.org/Team:NUDT_CHINA/Improve" class="pure-menu-link">Improve</a></li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Attributions" class="pure-menu-link">Attributions</a></li>
 +
            </ul>
 +
            </li>
 +
            <li class="pure-menu-item pure-menu-has-children">
 +
              <a  class="pure-menu-link"onclick="Show('part_show')">PARTS</a>
 +
              <ul class="pure-menu-children" id="part_show">
 +
                <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="https://2017.igem.org/Team:NUDT_CHINA/Basic_Part" class="pure-menu-link">Basic Parts</a></li>
 +
                <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="https://2017.igem.org/Team:NUDT_CHINA/Part_Collection" class="pure-menu-link">Part Collection</a></li>
 +
            </ul>
 +
            </li>
 +
                <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">
 +
              <a  class="pure-menu-link"onclick="Show('HP_show')">HP</a>
 +
              <ul class="pure-menu-children" id="HP_show">
 +
                <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="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="https://2017.igem.org/Team:NUDT_CHINA/Engagement" class="pure-menu-link">Public Engagement</a></li>
 +
            </ul>
 +
            </li>
 +
            <li class="pure-menu-item pure-menu-has-children">
 +
              <a  class="pure-menu-link"onclick="Show('award_show')">AWARDS</a>
 +
              <ul class="pure-menu-children" id="award_show">
 +
                <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="https://2017.igem.org/Team:NUDT_CHINA/Entrepreneurship" class="pure-menu-link">Enterpreneurship</a></li>
 +
                <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="https://2017.igem.org/Team:NUDT_CHINA/Measurement" class="pure-menu-link">Measurement</a></li>
 +
                <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="https://2017.igem.org/Team:NUDT_CHINA/Plant" class="pure-menu-link">Plant</a></li>
 +
                <li class="pure-menu-item"><a href="https://2017.igem.org/Team:NUDT_CHINA/Software" class="pure-menu-link">Software</a></li>
 +
            </ul>
 +
            </li>
 +
               
 +
            </ul>
 +
        </div> 
 +
        </div>
 +
 +
   
 +
<div id="content"class="content">
 +
    <ul id="lay-menu">
 +
        <li class="active"></li>
 +
            <li></li>
 +
            <li></li>
 +
        </ul>
 +
    <ul id="Qidilist">
 +
    <li id="abstract" class="liList">
 +
           
 +
                <div class="Myheader"><div class="myheader">
 +
            <h5>NUDT_CHINA</h5>
 +
            <h6>MicroRNAs (miRNAs) have been proven to play important roles on post-transcriptionalregulation of the gene expression by direct base pairing to target sites within untranslated regions of messenger RNAs.</h6>
 +
            <h6>However, the functions of most microRNAs remain to be discovered. Our project attempts to develop a novel sponge for miRNAs, which would knock down the abundance of target miRNA in the cells. </h6>
 +
            <h6>Thus the sponge will be a miRNA inhibitor to be used to induce miRNA loss-of-function phenotypes or other further applications like small non-coding RNA-based diagnostic and therapeutic applications.</h6>
 +
              </div></div>
 +
              <a class="button-after" id="button-after-1">Our Story</a>
 +
            </li>
 +
    <li id="home" class="liList">
 +
            <div id="homeContent" class="divList">
 +
                <ul class="homeContent1">
 +
                    </ul>
 +
                    <ul class="homeContent2">
 +
                    </ul>
 +
                </div>
 +
                <a class="button-after" id="button-after-2">Daily Pics</a>
 +
            </li>
 +
      <li id="Team" class="liList">
 +
           
 +
                <a class="button-after" id="button-after-3">Back</a>
 +
            </li>
 +
   
 +
       
 +
        </ul>
 +
        </div>
 +
       
 +
</div>
 +
<script type="text/javascript">
 +
(function (window, document) {
 +
 +
    var layout  = document.getElementById('layout'),
 +
        menu    = document.getElementById('menu'),
 +
        menuLink = document.getElementById('menuLink'),
 +
        content  = document.getElementById('content');
 +
   
 +
 +
    function toggleClass(element, className) {
 +
        var classes = element.className.split(/\s+/),
 +
            length = classes.length,
 +
            i = 0;
 +
 +
        for(; i < length; i++) {
 +
          if (classes[i] === className) {
 +
            classes.splice(i, 1);
 +
            break;
 +
          }
 +
        }
 +
        // The className is not found
 +
        if (length === classes.length) {
 +
            classes.push(className);
 +
        }
 +
 +
        element.className = classes.join(' ');
 +
    }
 +
 +
    function toggleAll(e) {
 +
        var active = 'active';
 +
 +
        e.preventDefault();
 +
        toggleClass(layout, active);
 +
        toggleClass(menu, active);
 +
        toggleClass(menuLink, active);
 +
    }
 +
 +
    menuLink.onclick = function (e) {
 +
        toggleAll(e);
 +
    };
 +
    content.onclick = function(e) {
 +
        if (menu.className.indexOf('active') !== -1) {
 +
            toggleAll(e);
 +
        }
 +
    };
 +
 +
 +
 +
}(this, this.document));
 +
</script>
 +
 +
<script type="text/javascript" >
 +
    function Show(tagId) {
 +
    if (document.getElementById(tagId).style.display=="none") {
 +
    document.getElementById(tagId).style.display="block";
 +
   
 +
    }
 +
    else {
 +
    document.getElementById(tagId).style.display="none";
 +
    }
 +
    }
 +
</script>

Revision as of 11:45, 18 October 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM
Team:NUDT_CHINA
  • NUDT_CHINA
    MicroRNAs (miRNAs) have been proven to play important roles on post-transcriptionalregulation of the gene expression by direct base pairing to target sites within untranslated regions of messenger RNAs.
    However, the functions of most microRNAs remain to be discovered. Our project attempts to develop a novel sponge for miRNAs, which would knock down the abundance of target miRNA in the cells.
    Thus the sponge will be a miRNA inhibitor to be used to induce miRNA loss-of-function phenotypes or other further applications like small non-coding RNA-based diagnostic and therapeutic applications.
    Our Story
    Daily Pics
  • Back