Difference between revisions of "Team:JSNU-China"

Line 1: Line 1:
−
{{JSNU_China/space}}
 
  
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
−
<meta charset="UTF-8">
+
    <title>JSNU-China</title>
−
<title>home</title>
+
    <link href="https://2016.igem.org/Template:JSNU-China/css/homecss?action=raw&ctype=text/css" rel="stylesheet" />
−
<style>
+
−
@media (max-width: 992px){
+
−
body,div,h3,p{
+
−
margin: 0px;
+
−
padding: 0px;
+
−
}
+
−
 
+
−
a{
+
−
list-style: none;
+
−
text-decoration: none;
+
−
}
+
−
+
−
#top{
+
−
width: 100%;
+
−
height: 500px;
+
−
background-color: white;
+
−
background-image: url(https://static.igem.org/mediawiki/2016/a/a1/Jsnuchina_img_body.jpg
+
−
);
+
−
background-size: 100% 500px;
+
−
background-repeat: no-repeat;
+
−
}
+
−
 
+
−
#smallnavigation{
+
−
width: 100%;
+
−
height: 100px;
+
−
 
+
−
}
+
−
 
+
−
 
+
−
span.navlogo{
+
−
float: right;
+
−
margin-top: 20px;
+
−
width: 10%;
+
−
height: 70px;
+
−
}
+
−
 
+
−
 
+
−
#smallnavs{
+
−
width: 100%;
+
−
height: 300px;
+
−
position: absolute;
+
−
top:90px;
+
−
background-color: rgba(255,255,255,0.95);
+
−
z-index: 999;
+
−
display: none;
+
−
}
+
−
 
+
−
#onesmallnav{
+
−
width: 100%;
+
−
+
−
}
+
−
#onesmallnav p{
+
−
color:rgba(0,0,0,0.9);
+
−
margin:12px 0 10px 5%;
+
−
}
+
−
 
+
−
 
+
−
#smallnavselect{
+
−
width: 100%;
+
−
height: 1px;
+
−
border-top: 1px solid rgb(146,194,40);
+
−
display:none;
+
−
}
+
−
 
+
−
.smallnavmouse{
+
−
display: block !important;
+
−
animation:smallnavmous 1s infinite;
+
−
-moz-animation:smallnavmous 1s infinite; /*Firefox*/
+
−
-webkit-animation:smallnavmous 1s infinite; /*Safari and Chrome*/
+
−
animation-iteration-count:1;
+
−
-moz-animation-iteration-count:1; /*Firefox*/
+
−
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
+
−
}
+
−
 
+
−
@keyframes smallnavmous
+
−
{
+
−
from {width:0;}
+
−
to {width:100%;}
+
−
}
+
−
@-moz-keyframes smallnavmous/*Firefox*/
+
−
{
+
−
from {width:0;}
+
−
to {width:100%;}
+
−
}
+
−
@-webkit-keyframes smallnavmous /*Safari and Chrome*/
+
−
{
+
−
from {width:0;}
+
−
to {width:100%;}
+
−
}
+
−
 
+
−
 
+
−
.smallnavmouseout{
+
−
animation:smallnavmouseou 1s infinite;
+
−
-moz-animation:smallnavmouseou 1s infinite; /*Firefox*/
+
−
-webkit-animation:smallnavmouseou 1s infinite; /*Safari and Chrome*/
+
−
animation-iteration-count:1;
+
−
-moz-animation-iteration-count:1; /*Firefox*/
+
−
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
+
−
}
+
−
 
+
−
@keyframes smallnavmouseou
+
−
{
+
−
from {width:100%;}
+
−
to {width:0;}
+
−
}
+
−
@-moz-keyframes smallnavmouseou/*Firefox*/
+
−
{
+
−
from {width:100%;}
+
−
to {width:0;}
+
−
}
+
−
@-webkit-keyframes smallnavmouseou /*Safari and Chrome*/
+
−
{
+
−
from {width:100%;}
+
−
to {width:0;}
+
−
}
+
−
 
+
−
 
+
−
#navigation{
+
−
display: none;
+
−
}
+
−
 
+
−
#smallslider{
+
−
width: 100%;
+
−
height: 350px;
+
−
margin-top: 50px;
+
−
overflow: hidden;
+
−
position: relative;
+
−
}
+
−
 
+
−
#onesmallslider{
+
−
width: 100%;
+
−
height: 350px;
+
−
position: absolute;
+
−
            left:100%;
+
−
            top:0;
+
−
}
+
−
 
+
−
#onesmallslider h2{
+
−
color: white;
+
−
font-family: 幼圆;
+
−
text-align: center;
+
−
font-size: 1.4em;
+
−
}
+
−
 
+
−
#smallsliderimg{
+
−
width: 80%;
+
−
height: 280px;
+
−
margin-left: 10%;
+
−
background-color: rgba(255,255,255,0.5);
+
−
}
+
−
 
+
−
#slider{
+
−
display: none;
+
−
}
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
@media (min-width: 993px){
+
−
body,div,a{
+
−
margin: 0px;
+
−
padding: 0px;
+
−
}
+
−
 
+
−
 
+
−
#top{
+
−
width: 100%;
+
−
height: 670px;
+
−
background-color: white;
+
−
background-image: url(https://static.igem.org/mediawiki/2016/a/a1/Jsnuchina_img_body.jpg
+
−
);
+
−
background-size: 100% 670px;
+
−
background-repeat: no-repeat;
+
−
}
+
−
 
+
−
#smallnavigation{
+
−
display: none;
+
−
}
+
−
 
+
−
#navigation{
+
−
width: 100%;
+
−
height: 150px;
+
−
}
+
−
 
+
−
#onenav{
+
−
width: 7%;
+
−
height: 140px;
+
−
float: right;
+
−
margin:0 8px 0 0;
+
−
+
−
position: relative;
+
−
}
+
−
 
+
−
#onenav > h3{
+
−
text-align: center;
+
−
top: 40px;
+
−
left: 12%;
+
−
font-size: 0.9em;
+
−
font-family: 微软雅黑;
+
−
font-weight: normal;
+
−
color: #333;
+
−
display: block !important;
+
−
position: absolute;
+
−
}
+
−
 
+
−
 
+
−
#smallnav{
+
−
width: 100%;
+
−
height: 140px;
+
−
float: left;
+
−
background-color: rgb(146, 197, 40);
+
−
border-radius: 0 0 8px 8px;
+
−
display: none;
+
−
color: white;
+
−
text-align: center;
+
−
font-size: 0.8em;
+
−
overflow: hidden;
+
−
animation:smallnavtoggle 1s infinite;
+
−
-moz-animation:smallnavtoggle 1s infinite; /*Firefox*/
+
−
-webkit-animation:smallnavtoggle 1s infinite; /*Safari and Chrome*/
+
−
animation-iteration-count:1;
+
−
-moz-animation-iteration-count:1; /*Firefox*/
+
−
-webkit-animation-iteration-count:1; /*Safari and Chrome*/
+
−
}
+
−
+
−
+
−
@keyframes smallnavtoggle
+
−
{
+
−
from {height:0px;}
+
−
to {height:140px;}
+
−
}
+
−
@-moz-keyframes smallnavtoggle/*Firefox*/
+
−
{
+
−
from {height:0px;}
+
−
to {height:140px;}
+
−
}
+
−
@-webkit-keyframes smallnavtoggle /*Safari and Chrome*/
+
−
{
+
−
from {height:0px;}
+
−
to {height:140px;}
+
−
}
+
−
 
+
−
.appear{
+
−
display: block !important;
+
−
}
+
−
+
−
 
+
−
#smallslider{
+
−
display: none;
+
−
}
+
−
 
+
−
#onesmallslider{
+
−
display: none;
+
−
}
+
−
 
+
−
#smallsliderimg{
+
−
display: none;
+
−
}
+
−
 
+
−
 
+
−
#slider{
+
−
width: 100%;
+
−
height: 390px;
+
−
margin-top: 80px;
+
−
position: relative;
+
−
overflow: hidden;
+
−
float: left;
+
−
}
+
−
 
+
−
#oneslider{
+
−
width:100% ;
+
−
height: 390px;
+
−
float: left;
+
−
position: absolute;
+
−
            left:100%;
+
−
            top:0;
+
−
}
+
−
 
+
−
#oneslider h3{
+
−
color: white;
+
−
text-align: center;
+
−
font-size: 1.8em;
+
−
font-family: 幼圆;
+
−
letter-spacing: 3px;
+
−
}
+
−
 
+
−
 
+
−
#sliderleft{
+
−
width: 33%;
+
−
height: 300px;
+
−
background-color: rgba(255,255,255,0.5);
+
−
float: left;
+
−
margin:10px 2% 0 14%;
+
−
}
+
−
 
+
−
#sliderright{
+
−
width: 33%;
+
−
height: 300px;
+
−
background-color: rgba(255,255,255,0.5);
+
−
float: left;
+
−
margin:10px 14% 0 2%;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
#content{
+
−
height: 1000px;
+
−
}
+
−
}
+
−
</style>
+
 
</head>
 
</head>
 
<body>
 
<body>
−
<div id="top">
+
 
−
<div id="smallnavigation">
+
<div id="mini">
−
<span class="navlogo"><img src="https://static.igem.org/mediawiki/2016/d/dd/Jsnuchina_img_btn.jpg" width="80%"></span>
+
<div id="mini-top">
 +
<div class="navlogo"><img src="https://static.igem.org/mediawiki/2016/d/dd/Jsnuchina_img_btn.jpg" width="80%"></div>
 
<div id="smallnavs">
 
<div id="smallnavs">
 
<div id="onesmallnav">
 
<div id="onesmallnav">
−
<p >· Home</p>
+
<a href="https://2016.igem.org/Team:JSNU-China" class="smalltitle"><p >·Home</p></a>
−
<div id="smallnavselect" class="smallnavmouse"></div>
+
<div id="smallnavselect" ></div>
 
</div>
 
</div>
 
<div id="onesmallnav">
 
<div id="onesmallnav">
−
<a href="project.html" class="smalltitle"><p>· Project&nbsp;&nbsp;(Background | Design | Result | Protocal)</p></a>
+
<a href="https://2016.igem.org/Team:JSNU-China/Description" class="smalltitle"><p>·Project <b>(Background | Experiment | Future work | Protocal)</b></p></a>
−
<div id="smallnavselect"></div>
+
<div id="smallnavselect" class="smallnavmouse"></div>
 
</div>
 
</div>
 
<div id="onesmallnav">
 
<div id="onesmallnav">
−
<a href="modeling.html" class="smalltitle"><p>· Modeling&nbsp;&nbsp;(Overview | Date analysis)</p></a>
+
<a href="#" class="smalltitle"><p >· Parts</p></a>
 
<div id="smallnavselect"></div>
 
<div id="smallnavselect"></div>
 
</div>
 
</div>
 
<div id="onesmallnav">
 
<div id="onesmallnav">
−
<a href="parts.html" class="smalltitle"><p >· Parts</p></a>
+
<a href="#" class="smalltitle"><p>·Team <b>(Members | Attribution | Ntroductors&Advisors | Acknowledgements)</b></p></a>
 
<div id="smallnavselect"></div>
 
<div id="smallnavselect"></div>
 
</div>
 
</div>
 
<div id="onesmallnav">
 
<div id="onesmallnav">
−
<a href="team.html" class="smalltitle"><p>· Team&nbsp;&nbsp;(Member | Attribution)</p></a>
+
<a href="#" class="smalltitle"><p >·Human Partictice <b>(Fingerprints | Lecture | Questionnaire | Quick-flashing | Collaboration)</b></p></a>
 
<div id="smallnavselect"></div>
 
<div id="smallnavselect"></div>
 
</div>
 
</div>
 
<div id="onesmallnav">
 
<div id="onesmallnav">
−
<a href="human.html" class="smalltitle"><p >· Human Partictice&nbsp;&nbsp;(Activities | Questionnaire | Communication | Sponsor)</p></a>
+
<a href="#" class="smalltitle"><p>·Notebook</p></a>
 
<div id="smallnavselect"></div>
 
<div id="smallnavselect"></div>
 
</div>
 
</div>
 
<div id="onesmallnav">
 
<div id="onesmallnav">
−
<a href="notebook.html" class="smalltitle"><p>· Notebook</p></a>
+
<a href="#" class="smalltitle"><p >·Safety</p></a>
−
<div id="smallnavselect"></div>
+
−
</div>
+
−
<div id="onesmallnav">
+
−
<a href="safety.html" class="smalltitle"><p >· Safety</p></a>
+
 
<div id="smallnavselect"></div>
 
<div id="smallnavselect"></div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div id="navigation">
+
<div id="mini-content">
−
<a href="safety.html">
+
<div id="slider">
−
<div id="onenav">
+
<div id="oneslider" class="slider1">
−
<h3 alt="Safety" class="navtitle">Safety</h3>
+
 
−
<div id="smallnav" class="smallnavs">
+
<img src="https://static.igem.org/mediawiki/2016/f/f6/Jsnuchina_sm1.jpg" class="sliderimg">
−
<br><br>
+
−
Safety
+
 
</div>
 
</div>
−
</div>
+
<div id="oneslider" class="slider2">
−
</a>
+
<img src="https://static.igem.org/mediawiki/2016/9/9a/Jsnuchina_sm2.jpg" class="sliderimg">
−
<a href="notebook.html">
+
−
<div id="onenav">
+
−
<h3 alt="Notebook" class="navtitle">Notebook</h3>
+
−
<div id="smallnav" class="smallnavs">
+
−
<br><br>
+
−
Notebook
+
 
</div>
 
</div>
−
</div>
+
<div id="oneslider" class="slider3">
−
</a>
+
<img src="https://static.igem.org/mediawiki/2016/1/11/Jsnuchina_sm3.jpg" class="sliderimg">
−
<a href="human.html">
+
−
<div id="onenav">
+
−
<h3 alt="Human Partictice" class="navtitle">Human Partictice</h3>
+
−
<div id="smallnav" class="smallnavs">
+
−
+
−
Activities
+
−
<br><br>
+
−
Questionnaire
+
−
<br><br>
+
−
Communication
+
−
<br><br>
+
−
Sponsor
+
 
</div>
 
</div>
−
</div>
+
<div id="oneslider" class="slider4">
−
</a>
+
<img src="https://static.igem.org/mediawiki/2016/8/89/Jsnuchina_sm4.jpg" class="sliderimg">
−
<a href="team.html">
+
−
<div id="onenav">
+
−
<h3 alt="Team" class="navtitle">Team</h3>
+
−
<div id="smallnav" class="smallnavs">
+
−
<br><br>
+
−
Member
+
−
<br><br>
+
−
Attribution
+
 
</div>
 
</div>
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
<div id="impress" class="impress-not-supported">
 +
 +
    <div class="fallback-message">
 +
        <p>Your browser <b>doesn't support the features required</b> by impress.js, so you are presented with a simplified version of this presentation.</p>
 +
        <p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser. Upcoming version 10 of Internet Explorer <i>should</i> also handle it.</p>
 +
    </div>
 +
   
 +
    <div id="step1" class="step start" data-x="0" data-y="0" data-scale="1">
 +
    <div class="warning">
 +
    <img src="https://static.igem.org/mediawiki/2016/b/bd/Jsnuchina_close.png" id="close">
 +
    <img src="https://static.igem.org/mediawiki/2016/f/f4/Jsnuchina_warning.png" width="100%" height="100%">
 +
    </div>
 +
    <a href="#step6"><img src="https://static.igem.org/mediawiki/2016/b/b4/Jsnuchina_click1.png" width="20%" style="position: absolute;left: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
    <a href="#step2"><img src="https://static.igem.org/mediawiki/2016/6/6a/Jsnuchina_click.png" width="20%" style="position: absolute;right: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
    </div>
 +
 +
    <div id="step2" class="step cartoon1" data-x="250" data-y="1400" data-scale="2" data-rotate="90">
 +
    <a href="#step1"><img src="https://static.igem.org/mediawiki/2016/b/b4/Jsnuchina_click1.png" width="20%" style="position: absolute;left: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
    <a href="#step3"><img src="https://static.igem.org/mediawiki/2016/6/6a/Jsnuchina_click.png" width="20%" style="position: absolute;right: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
    </div>
 +
 +
    <div id="step3" class="step cartoon2" data-x="6000" data-y="2500" data-z="3000" data-scale="3" data-rotate="180">
 +
    <a href="#step2"><img src="https://static.igem.org/mediawiki/2016/b/b4/Jsnuchina_click1.png" width="20%" style="position: absolute;left: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
    <a href="#step4"><img src="https://static.igem.org/mediawiki/2016/6/6a/Jsnuchina_click.png" width="20%" style="position: absolute;right: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
    </div>
 +
 +
    <div id="step4" class="step cartoon3" data-x="6000" data-y="500" data-z="-6000" data-rotate="300" data-scale="1">
 +
    <a href="#step3"><img src="https://static.igem.org/mediawiki/2016/b/b4/Jsnuchina_click1.png" width="20%" style="position: absolute;left: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
    <a href="#step5"><img src="https://static.igem.org/mediawiki/2016/6/6a/Jsnuchina_click.png" width="20%" style="position: absolute;right: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
</div>
 +
 +
<div id="step5" class="step cartoon4" data-x="7500" data-y="-800" data-z="-6400" data-scale="0.5" data-rotate="90" >
 +
<a href="#step4"><img src="https://static.igem.org/mediawiki/2016/b/b4/Jsnuchina_click1.png" width="20%" style="position: absolute;left: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
<a href="#step6"><img src="https://static.igem.org/mediawiki/2016/6/6a/Jsnuchina_click.png" width="20%" style="position: absolute;right: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
</div>
 +
 +
<div id="step6" class="step navigate" data-x="7150" data-y="-800" data-z="-6600" data-scale="1" data-rotate="90" data-rotate-x="0" data-rotate-y="-40">
 +
<a href="#step5"><img src="https://static.igem.org/mediawiki/2016/b/b4/Jsnuchina_click1.png" width="20%" style="position: absolute;left: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
<a href="#step1"><img src="https://static.igem.org/mediawiki/2016/6/6a/Jsnuchina_click.png" width="20%" style="position: absolute;right: -20%;bottom:10px;z-index: 9999;cursor: pointer;"></a>
 +
<div class="onenav">
 +
<a href="https://2016.igem.org/Team:JSNU-China/Description"><img src="https://static.igem.org/mediawiki/2016/b/b2/Jsnuchina_project.png" width="120%">
 
</a>
 
</a>
−
<a href="parts.html">
+
<div class="mores">
−
<div id="onenav">
+
<a href="https://2016.igem.org/Team:JSNU-China/Description#background"><p>Background</p></a>
−
<h3 alt="Parts" class="navtitle">Parts</h3>
+
<a href="https://2016.igem.org/Team:JSNU-China/Description#experience"><p>Experiment</p></a>
−
<div id="smallnav" class="smallnavs">
+
<a href="https://2016.igem.org/Team:JSNU-China/Description#future"><p>Future work</p></a>
−
<br><br><br>
+
<a href="https://2016.igem.org/Team:JSNU-China/Description#protocal"><p>Protocal</p></a>
−
Parts
+
−
</div>
+
 
</div>
 
</div>
−
</a>
+
</div>
−
<a href="modeling.html">
+
<div class="onenav">
−
<div id="onenav">
+
<a href="#"><img src="https://static.igem.org/mediawiki/2016/9/98/Jsnuchina_parts.png" width="120%"></a>
−
<h3 alt="Modeling" class="navtitle">Modeling</h3>
+
<div class="mores">
−
<div id="smallnav" class="smallnavs">
+
<a href="#"><p>Parts</p></a>
−
<br><br>
+
−
Overview
+
−
<br><br>
+
−
Date analysis
+
−
</div>
+
 
</div>
 
</div>
−
</a>
+
</div>
−
<a href="project.html">
+
−
<div id="onenav">
+
<div class="onenav">
−
<h3 alt="Project" class="navtitle">Project</h3>
+
<a href="#"><img src="https://static.igem.org/mediawiki/2016/2/2c/Jsnuchina_team.png" width="120%"></a>
−
<div id="smallnav" class="smallnavs">
+
<div class="mores">
−
Background
+
<a href="#"><p>Members</p></a>
−
<br><br>
+
<a href="#"><p>Attribution</p></a>
−
Design
+
<a href="#"><p>Introductors&advisors</p></a>
−
<br><br>
+
<a href="#"><p>Acknowledgements</p></a>
−
Result
+
 
−
<br><br>
+
−
Protocal
+
−
</div>
+
 
</div>
 
</div>
−
</a>
+
</div>
−
<div id="onenav">
+
<div class="onenav">
−
<h3 alt="Home">Home</h3>
+
<a href="#"><img src="https://static.igem.org/mediawiki/2016/d/df/Jsnuchina_human.png" width="120%"></a>
−
<div id="smallnav" class="appear"></div>
+
<div class="mores">
 +
<a href="#"><p>Fingerprints</p></a>
 +
<a href="#"><p>Lecture</p></a>
 +
<a href="#"><p>Questionnaire</p></a>
 +
<a href="#"><p>Quick-flashing</p></a>
 +
<a href="#"><p>Collaboration</p></a>
 
</div>
 
</div>
−
 
 
</div>
 
</div>
−
<div id="smallslider">
+
<div class="onenav">
−
<div id="onesmallslider" class="smallslider1">
+
<a href="#"><img src="https://static.igem.org/mediawiki/2016/8/8d/Jsnuchina_notebook.png" width="120%"></a>
−
<h2>失败是成功之母</h2>
+
<div class="mores">
−
<div id="smallsliderimg">
+
<a href="#"><p>Notebook</p></a>
−
<img src="https://static.igem.org/mediawiki/2016/c/c9/Jsnuchina_img_slider2.png" style="width:70%;height:250px;margin:18px 0 0 13%" >
+
−
</div>
+
−
</div>
+
−
<div id="onesmallslider" class="smallslider2">
+
−
<h2>这是我的一小步，确是人类的一大步</h2>
+
−
<div id="smallsliderimg">
+
−
<img src="https://static.igem.org/mediawiki/2016/9/9e/Jsnuchina_img_slider3.png
+
−
" style="width:70%;height:250px;margin:18px 0 0 13%" >
+
−
</div>
+
−
</div>
+
−
<div id="onesmallslider" class="smallslider3">
+
−
<h2>早起的鸟儿有虫吃</h2>
+
−
<div id="smallsliderimg">
+
−
<img src="https://static.igem.org/mediawiki/2016/5/5b/Jsnuchina_img_slider6.png" style="width:70%;height:250px;margin:18px 0 0 13%" >
+
−
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
−
<div id="slider">
+
<div class="onenav">
−
<div id="oneslider" class="slider1">
+
<a href="#"><img src="https://static.igem.org/mediawiki/2016/b/b3/Jsnuchina_safety.png" width="120%"></a>
−
<h3>失败是成功之母</h3>
+
<div class="mores">
−
<div id="sliderleft">
+
<a href="#"><p>Safety</p></a>
−
<img src="https://static.igem.org/mediawiki/2016/f/f7/Jsnuchina_img_slider1.png" style="width:70%;height:250px;margin:18px 0 0 13%" >
+
−
</div>
+
−
<div id="sliderright">
+
−
<img src="https://static.igem.org/mediawiki/2016/c/c9/Jsnuchina_img_slider2.png" style="width:70%;height:250px;margin:18px 0 0 13%" >
+
−
</div>
+
−
</div>
+
−
<div id="oneslider" class="slider2">
+
−
<h3>这是我的一小步，确是人类的一大步</h3>
+
−
<div id="sliderleft">
+
−
<img src="https://static.igem.org/mediawiki/2016/9/9e/Jsnuchina_img_slider3.png
+
−
" style="width:70%;height:250px;margin:18px 0 0 13%" >
+
−
</div>
+
−
<div id="sliderright">
+
−
<img src="https://static.igem.org/mediawiki/2016/f/f3/Jsnuchina_img_slider4.png" style="width:70%;height:250px;margin:18px 0 0 13%" >
+
−
</div>
+
−
</div>
+
−
<div id="oneslider" class="slider3">
+
−
<h3>早起的鸟儿有虫吃</h3>
+
−
<div id="sliderleft">
+
−
<img src="https://static.igem.org/mediawiki/2016/e/e2/Jsnuchina_img_slider5.png" style="width:70%;height:250px;margin:18px 0 0 13%" >
+
−
</div>
+
−
<div id="sliderright">
+
−
<img src="https://static.igem.org/mediawiki/2016/5/5b/Jsnuchina_img_slider6.png" style="width:70%;height:250px;margin:18px 0 0 13%" >
+
−
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div id="content"></div>
 
  
−
<script src="https://2016.igem.org/Team:JSNU-China/jquery" ></script>
 
  
−
<script>
+
</div>
 +
 
 +
 
 +
<script src="https://2016.igem.org/Team:JSNU-China/impress?action=raw&ctype=text/js"></script>
 +
<script>
 +
impress();
 +
</script>
 +
 
 +
 
 
$(function(){
 
$(function(){
 
$(".navlogo").click(function(){
 
$(".navlogo").click(function(){
Line 518: Line 178:
 
})
 
})
 
</script>
 
</script>
−
<script>
 
−
$(function(){
 
−
$(".navtitle").on("mouseover",function(){
 
−
$(this).text("");
 
−
$(this).siblings(".smallnavs").css("display","block");
 
−
});
 
  
−
 
+
<script>
−
$(".smallnavs").on("mouseout",function(){
+
−
$(this).css("display","none");
+
−
$navtitle=$(this).siblings("h3").attr("alt");
+
−
$(this).siblings("h3").text($navtitle);
+
−
})
+
−
 
+
−
})
+
−
 
+
−
</script>
+
−
<script>
+
−
        $(function(){
+
−
        if($(window).width()<=992){
+
−
            $(".smallslider1").css("left","0");
+
−
            $(".smallslider2").css("left","100%");
+
−
            $(".smallslider3").css("left","100%");
+
−
 
+
−
            setTimeout(function(){
+
−
                        smallslidershow(1);
+
−
            },3000);
+
−
 
+
−
            function smallslidershow(num){
+
−
               
+
−
                number1=parseInt(num);
+
−
                number2=number1+1;
+
−
               
+
−
                if (number2==4) {
+
−
                    number2=1;
+
−
                }
+
−
                $(".smallslider"+number1).animate({left:"-100%"},1000,function(){
+
−
                    $(".smallslider"+number1).css("left","100%");
+
−
                });
+
−
 
+
−
                $(".smallslider"+number2).animate({left:"0"},1000,function(){
+
−
                    setTimeout(function(){
+
−
                        smallslidershow(number2);
+
−
                    },3000);
+
−
                });
+
−
               
+
−
            }
+
−
        }
+
−
        })
+
−
    </script>
+
−
<script>
+
 
         $(function(){
 
         $(function(){
−
         if($(window).width()>992){
+
         if($(window).width()<992){
 
             $(".slider1").css("left","0");
 
             $(".slider1").css("left","0");
 
             $(".slider2").css("left","100%");
 
             $(".slider2").css("left","100%");
 
             $(".slider3").css("left","100%");
 
             $(".slider3").css("left","100%");
 +
            $(".slider4").css("left","100%");
  
 
             setTimeout(function(){  
 
             setTimeout(function(){  
Line 584: Line 196:
 
                 number2=number1+1;
 
                 number2=number1+1;
 
                  
 
                  
−
                 if (number2==4) {
+
                 if (number2==5) {
 
                     number2=1;
 
                     number2=1;
 
                 }
 
                 }
Line 601: Line 213:
 
         })
 
         })
 
     </script>
 
     </script>
−
</body>  
+
 
 +
 
 +
<script>
 +
$(function(){
 +
var navwidth=$(".onenav").width();
 +
 
 +
$(".onenav").css("height",navwidth)
 +
 
 +
var bodywidth=$(window).width();
 +
if (bodywidth<992) {
 +
$("#impress").css("display","none")
 +
};
 +
})
 +
</script>
 +
 
 +
<script>
 +
$(function(){
 +
$("#close").click(function(){
 +
$(".warning").toggle()
 +
})
 +
})
 +
</script>
 +
 
 +
</body>
 
</html>
 
</html>

Revision as of 01:37, 14 October 2016

JSNU-China

Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser. Upcoming version 10 of Internet Explorer should also handle it.

$(function(){ $(".navlogo").click(function(){ $("#smallnavs").toggle() }) }) $(function(){ $(".smalltitle").on("mouseover",function(){ $(this).siblings("#smallnavselect").addClass("smallnavmouse"); $(this).siblings("#smallnavselect").removeClass("smallnavmouseout"); }) $(".smalltitle").on("mouseout",function(){ $(this).siblings("#smallnavselect").addClass("smallnavmouseout"); $(this).siblings("#smallnavselect").removeClass("smallnavmouse"); }) })