Line 19: | Line 19: | ||
var btn1 = $('btn1'); | var btn1 = $('btn1'); | ||
var btn2 = $('btn2'); | var btn2 = $('btn2'); | ||
+ | var btn3 = $('btn3'); | ||
contentAuto(); | contentAuto(); | ||
mouseWheel(); | mouseWheel(); | ||
Line 38: | Line 39: | ||
toMove(2); | toMove(2); | ||
iNow=2; | iNow=2; | ||
+ | btn3.onclick=function () { | ||
+ | toMove(3); | ||
+ | iNow=3; | ||
+ | } | ||
} | } | ||
} | } | ||
Line 199: | Line 204: | ||
.myheader img{width:100%; margin: 0;position: absolute; top: 50%;transform: translate(0, -50%); left: 0;max-height: 80%;} | .myheader img{width:100%; margin: 0;position: absolute; top: 50%;transform: translate(0, -50%); left: 0;max-height: 80%;} | ||
+ | .myheader h1{width:100%; margin: 0;position: absolute; top: 40%;transform: translate(0, -50%); left: 0;max-height: 80%;font-family: Papyrus, fantasy;} | ||
+ | .myheader h3{width:100%; margin: 0;position: absolute; top: 60%;transform: translate(0, -50%); left: 0;max-height: 80%;} | ||
#loading div{ width:100%; height:50%; position:absolute; left:0; background:#009ee0; z-index:50; transition:1s;text-align: center;} | #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(1){ top:0;} | ||
Line 328: | Line 335: | ||
<ul id="Qidilist"> | <ul id="Qidilist"> | ||
<li id="abstract" class="liList"> | <li id="abstract" class="liList"> | ||
− | <div class="myheader"id="main"><img class="strory-telling1" src="https://static.igem.org/mediawiki/2017/a/ad/T-NUDT_CHINA-story1.png" no-repeat; ><button id=" | + | <div class="myheader"id="main"><h1>MiRNA Locker</h1><h3>A Modularized DNA Assembly As miRNA Inhibitors</h3><button id="btn1" class="button-next">How it works?</button></div> |
+ | </li> | ||
+ | <li id="abstract" class="liList"> | ||
+ | <div class="myheader"id="main"><img class="strory-telling1" src="https://static.igem.org/mediawiki/2017/a/ad/T-NUDT_CHINA-story1.png" no-repeat; ><button id="btn2" class="button-next">Next</button></div> | ||
</li> | </li> | ||
<li id="abstract" class="liList"> | <li id="abstract" class="liList"> | ||
− | <div class="myheader"id="main"><img class="strory-telling2" src="https://static.igem.org/mediawiki/2017/3/35/T-NUDT_CHINA-story2.png" no-repeat; ><button id=" | + | <div class="myheader"id="main"><img class="strory-telling2" src="https://static.igem.org/mediawiki/2017/3/35/T-NUDT_CHINA-story2.png" no-repeat; ><button id="btn3" class="button-next">Next</button></div> |
</li> | </li> | ||
<li id="abstract" class="liList"> | <li id="abstract" class="liList"> |
Revision as of 03:38, 27 October 2017