Difference between revisions of "Team:WHU-China/Juding"

(Replaced content with "<html> <script> window.location.href="/Team:WHU-China/Judging"; </script> </html>")
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{WHU-China-Header}}
 
 
<html>
 
<html>
 
<style type="text/css">
 
body{
 
margin:0;
 
padding:0;
 
}
 
.container{
 
position:absolute;
 
width:95%;
 
left:5%;
 
height:2000px;
 
z-index:0;
 
padding:0;
 
}
 
.container img{
 
position:absolute;
 
z-index:0;
 
}
 
.left{
 
position:absolute;
 
left:0;
 
height:2000px;
 
width:5%;
 
background-image:url(https://static.igem.org/mediawiki/2015/8/8c/WHU-China_left.png);
 
z-index:0;
 
}
 
.header{
 
position:absolute;
 
width:100%;
 
z-index:1;
 
padding-top:1%;
 
}
 
.header-left{
 
position:absolute;
 
width:40%;
 
z-index:1;
 
}
 
.header-right{
 
position:absolute;
 
height:300px;
 
width:55%;
 
left:45%;
 
z-index:1;
 
}
 
.header-right ul{
 
padding:0;
 
position:absolute;
 
bottom:82%;
 
list-style:none;
 
}
 
.header-right ul nav a{
 
text-decoration:none;
 
}
 
.middle-left{
 
position:absolute;
 
z-index:1;
 
top:10%;
 
}
 
#whu-logo{
 
left:7em;
 
top:-2em;
 
}
 
.secmenu{
 
vertical-align:top;
 
padding:0;
 
display:block;
 
width:60px;
 
height:60px;
 
left:140px;
 
top:20px;
 
position:absolute;
 
background-color:#fff;
 
border-radius:60px;
 
-moz-border-radius: 60px;
 
-webkit-border-radius: 60px;
 
 
-webkit-transition: all 0.3s ease;
 
-moz-transition: all 0.3s ease;
 
-o-transition: all 0.3s ease;
 
transition: all 0.3s ease;
 
}
 
 
.secmenu ul{
 
display:none;
 
text-align:center;
 
text-decoration:none;
 
list-style:none;
 
}
 
 
.secmenu ul li{
 
height:40px;
 
width:150px;
 
background-color:#fff;
 
display:inline;
 
float:left;
 
text-decoration:none;
 
}
 
 
.secmenu ul li a{
 
line-height:20px;
 
font-family: 'Lato', sans-serif;
 
font-size:18px;
 
color:#000;
 
display:block;
 
text-decoration:none;
 
-webkit-transition: all 0.3s ease;
 
-moz-transition: all 0.3s ease;
 
-o-transition: all 0.3s ease;
 
transition: all 0.3s ease;
 
}
 
 
.secmenu ul li a:hover{
 
-webkit-transform: rotateY(30deg);
 
-moz-transform: rotateY(30deg);
 
-ms-transform: rotateY(30deg);
 
transform: rotateY(30deg);
 
background-color:#000;
 
color:#FFF;
 
}
 
 
.text{
 
position:absolute;
 
top:300px;
 
z-index:1;
 
}
 
#bg{
 
position:absolute;
 
top:4%;
 
z-index:1;
 
opacity:0.05;
 
                filter:Alpha(opacity=5);
 
}
 
#pagenum{
 
position:absolute;
 
left:70px;
 
top:635px;
 
z-index:3;
 
}
 
#board{
 
position:absolute;
 
z-index:2;
 
}
 
 
.footer{
 
position:absolute;
 
z-index:0;
 
top:86.5%;
 
}
 
 
.textarea{
 
width:700px;
 
height:1000px;
 
margin-left:105px;
 
margin-top:50px;
 
padding-left:200px;
 
padding-right:200px;
 
padding-top:100px;
 
border-width:2px;
 
background-color:#FFF;
 
}
 
 
.member{
 
position:absolute;
 
width:700px;
 
display:block;
 
border:2px solid #999;
 
margin-top:50px;
 
z-index:99;
 
}
 
        .editarea{display:none}
 
.member ul li{
 
font-family:Tahoma, Geneva, sans-serif;
 
font-size:18px;
 
}
 
h2{
 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 
}
 
span{
 
display:block;
 
text-indent:2em;
 
font-family:Tahoma, Geneva, sans-serif;
 
font-size:18px;
 
}
 
</style>
 
 
<script>
 
<script>
function request(){
+
window.location.href="/Team:WHU-China/Judging";
var str = window.location.search;
+
if(str.indexOf("?")==0)
+
{
+
var action=str.split("=");
+
var num_member=parseInt(action[1]);
+
return num_member;
+
}
+
                else{return 1;}
+
}
+
 
</script>
 
</script>
<script>
 
function fun(i)
 
{
 
document.getElementById("sec").style.width="60px";
 
for(n=1;n<=6;n++){
 
document.getElementById("tit"+n).style.display="none";
 
}
 
setTimeout('document.getElementById("sec").style.width="1000px"',500);
 
setTimeout("document.getElementById('tit"+i+"').style.display='block'",800);
 
}
 
function myfun(){
 
fun(2);
 
num_member= request();
 
setTimeout("document.getElementById('member"+num_member+"').style.display='block'",1200);
 
        switch(num_member)
 
{
 
case 1:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
 
break;
 
case 2:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
 
break;
 
case 3:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png"
 
break;
 
case 4:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png"
 
break;
 
case 5:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/4/4c/WHU-China_num3.png";
 
break;
 
case 6:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
 
break;
 
case 7:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
 
break;
 
case 8:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
 
break;
 
case 9:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
 
break;
 
}
 
}
 
window.onload=myfun;
 
function next_member(){
 
if(num_member==11){
 
alert("the last page");
 
return ;
 
}
 
document.getElementById("member"+num_member).style.display="none";
 
num_member++;
 
document.getElementById("member"+num_member).style.display="block";
 
 
        switch(num_member)
 
{
 
case 1:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
 
break;
 
case 2:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
 
break;
 
case 3:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png"
 
break;
 
case 4:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png"
 
break;
 
case 5:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/4/4c/WHU-China_num3.png";
 
break;
 
case 6:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
 
break;
 
case 7:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
 
break;
 
case 8:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
 
break;
 
case 9:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
 
break;
 
}
 
}
 
function pre_member(){
 
if(num_member==1){
 
alert("the first page");
 
return ;
 
}
 
document.getElementById("member"+num_member).style.display="none";
 
num_member--;
 
document.getElementById("member"+num_member).style.display="block";
 
switch(num_member)
 
{
 
case 1:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
 
break;
 
case 2:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
 
break;
 
case 3:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/4/4c/WHU-China_num3.png";
 
break;
 
case 4:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num4.png";
 
break;
 
case 5:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png";
 
break;
 
case 6:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
 
break;
 
case 7:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/4/4c/WHU-China_num3.png";
 
break;
 
case 8:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num1.png";
 
break;
 
case 9:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/6/61/WHU-China_num2.png";
 
break;
 
case 10:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/4/4c/WHU-China_num3.png";
 
break;
 
case 11:
 
document.getElementById("pagenum").src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_num4.png";
 
break;
 
}
 
}
 
 
</script>
 
<body>
 
    <div class="left">
 
    </div>
 
<div class="container">
 
    <img src="https://static.igem.org/mediawiki/2015/e/ea/WHU-China_4.png" />
 
    <div class="header">
 
        <div class="header-left">
 
            <img src="https://static.igem.org/mediawiki/2015/f/f4/WHU-China_6.png" />
 
            </div>
 
            <div class="header-right">
 
            <ul>
 
                <li>
 
                        <nav>
 
                        <a href="https://2015.igem.org/Team:WHU-China/Homepage"><img src="https://static.igem.org/mediawiki/2015/9/99/WHU-China_H.png" width="100px" height="118px"/></a>
 
                        </nav>
 
                    </li>
 
                    <li style="margin-left:100px">
 
                    <nav>
 
                        <a href="javascript:return false"><img src="https://static.igem.org/mediawiki/2015/1/18/WHU-China_TE1.png" onclick="fun(1)"  /></a>
 
                  </nav>
 
                    </li>
 
                    <li style="position:absolute;margin-left:172px;bottom:-23px">
 
                    <nav>
 
                        <a href="https://2015.igem.org/Team:WHU-China/Description"><img src="https://static.igem.org/mediawiki/2015/9/97/WHU-China_PR1.png"/></a>
 
                  </nav>
 
                    </li>
 
                    <li style="position:absolute;margin-left:262px;bottom:24px">
 
                    <nav>
 
                        <a href="javascript:return false"><img src="https://static.igem.org/mediawiki/2015/9/92/WHU-China_PA1.png" onclick="fun(3)" /></a>
 
                  </nav>
 
                    </li>
 
                    <li style="position:absolute;margin-left:338px;bottom:37px">
 
                    <nav>
 
                        <a href="javascript:return false"><img src="https://static.igem.org/mediawiki/2015/f/f0/WHU-China_NO1.png" onclick="fun(4)" /></a>
 
                  </nav>
 
                    </li>
 
                    <li style="position:absolute;margin-left:449px;bottom:3px">
 
                    <nav>
 
                        <a href="https://2015.igem.org/Team:WHU-China/Practices"><img src="https://static.igem.org/mediawiki/2015/6/63/WHU-China_HP1.png"/></a>
 
                  </nav>
 
                    </li>
 
                    <li style="position:absolute;margin-left:540px;bottom:-22px">
 
                    <nav>
 
                        <a href="https://2015.igem.org/Team:WHU-China/Modeling"><img src="https://static.igem.org/mediawiki/2015/2/29/WHU-China_MO1.png"/></a>
 
                  </nav>
 
                    </li>
 
                </ul>
 
            </div>
 
        </div>
 
        <!--header end-->
 
        <div class="middle-left">
 
        <img src="https://static.igem.org/mediawiki/2015/2/20/WHU-China_3.png" />
 
            <img src="https://static.igem.org/mediawiki/2015/3/34/WHU-China_10.png" id="whu-logo"/>
 
            <div class="secmenu" id="sec">
 
                <ul id="tit1">
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Team">Member</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Attributions">Attributions</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Collaborations">Collaborations</a></li>
 
                </ul>
 
                <ul id="tit2">
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Description?num=1">Overview</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Description?num=3">Criticality Detector</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Description?num=6">Binary System</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Description?num=8">Dosage Control System</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Result">Results</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Juding">Juding Book</a></li>
 
                </ul>
 
                <ul id="tit3">
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Parts">Team Parts</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Basic_Parts">Basis Parts</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Composite_Part">Composite Parts</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/F_Part">Favorite Parts</a></li>
 
                </ul>
 
                <ul id="tit4">
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Notebook">Notebook</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Safety">Safety</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Experiments">Protocols</a></li>
 
                </ul>
 
                <ul id="tit5">
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Practices?num=5">Meet ups</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Practices?num=1">Sketch in dishes</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Practices?num=8">Smile mates</a></li>
 
                </ul>
 
                <ul id="tit6">
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Modeling">Modeling</a></li>
 
                </ul>
 
            </div>
 
        </div>
 
        <!--header end-->
 
        <div class="middle-left">
 
        <img src="https://static.igem.org/mediawiki/2015/2/20/WHU-China_3.png" />
 
            <img src="https://static.igem.org/mediawiki/2015/3/34/WHU-China_10.png" id="whu-logo"/>
 
            <div class="secmenu" id="sec">
 
                <ul id="tit1">
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Team">Member</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Attributions">Attributions</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Collaborations">Collaborations</a></li>
 
                </ul>
 
                <ul id="tit2">
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Description">Overview</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Criticality">Criticality Detector</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/BinarySystem">Binary System</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/DentalCP">Dental Caries Prevention</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Result">Results</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Juding">Juding Book</a></li>
 
                </ul>
 
                <ul id="tit3">
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Parts">Team Parts</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Basic_Parts">Basis Parts</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Composite_Part">Composite Parts</a></li>
 
                    <li><a href="javascript:return false;">Favorite Parts</a></li>
 
                </ul>
 
                <ul id="tit4">
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Notebook">Notebook</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Safety">Safety</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Experiments">Protocols</a></li>
 
                </ul>
 
                <ul id="tit5">
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Practices?num=5">Meet ups</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Practices?num=1">Sketch in dishes</a></li>
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Practices?num=8">Smile mates</a></li>
 
                </ul>
 
                <ul id="tit6">
 
                    <li><a href="https://2015.igem.org/Team:WHU-China/Modeling">Modeling</a></li>
 
                </ul>
 
            </div>
 
        </div>
 
        <!-- middle end -->
 
        <div class="text">
 
        <img src="https://static.igem.org/mediawiki/2015/7/7c/WHU-China_1.png" id="bg" />
 
        <img src="https://static.igem.org/mediawiki/2015/f/f7/WHU-China_5.png" id="board" usemap="#planetmap" />
 
        <img src="https://static.igem.org/mediawiki/2015/3/3c/WHU-China_num1.png" id="pagenum" />
 
        <map name="planetmap" id="planetmap">
 
        <!-- next page -->
 
        <a href="javascript:return false;"><area
 
            shape="circle"
 
            coords="120,360,50"
 
            title="next page"
 
            target ="_blank"
 
            alt="圆形"
 
            onclick="next_member()" /></a>
 
        <!-- previous page -->
 
        <a href="javascript:return false;"><area
 
        shape="circle"
 
            coords="120,990,50"
 
            title="previous page"
 
            target ="_blank"
 
            alt="圆形"
 
            onclick="pre_member()" /></a>
 
        />
 
        </map>
 
        <div class="textarea">
 
       
 
        </div>
 
        </div>
 
        <!-- text area end -->
 
        <div class="footer">
 
        <img src="https://static.igem.org/mediawiki/2015/c/c0/WHU-China_2.png" />
 
        </div>
 
        <!-- footer end -->
 
    </div>
 
</body>
 
 
</html>
 
</html>

Latest revision as of 11:55, 17 September 2015