Template:Template ZJU-China 2010

From 2010.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 117: Line 117:
}
}
-
#headlogo {
+
#headleft {
float:left;
float:left;
-
width: 269px;
+
width: 150px;
height: 400px;
height: 400px;
background-color: transparent;
background-color: transparent;
}
}
-
#headline {
+
#headright {
float:left;
float:left;
-
/*padding-top:30px;
 
-
text-align:center;*/
 
height: 400px;
height: 400px;
-
width: 703px;
+
width: 850px;
-
overflow:visible;
+
background-color: transparent;
background-color: transparent;
}
}
Line 440: Line 437:
slide = 1;
slide = 1;
-
function switchbackground(){
+
function change(){
-
if (slide == 1){
+
        var lipan = Math.random();  //产生0-1之间的随机数
-
document.getElementById("header").style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
+
    lipan = lipan * 6;            //用随机数乘以10
-
slide++;
+
    lipan = Math.round(lipan);      //取整
-
}
+
    var lipath = "";
-
else if (slide == 2){
+
    switch(lipan){
-
document.getElementById("header").style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
+
      case 0: lipath = "https://static.igem.org/mediawiki/2010/4/45/Zjuheader1.jpg";break;   //图片位置
-
slide++;
+
      case 1: lipath = "https://static.igem.org/mediawiki/2010/1/12/Zjuheader2.jpg";break;
-
}
+
      case 2: lipath = "https://static.igem.org/mediawiki/2010/b/b7/Zjuheader3.jpg";break;
-
else if (slide == 3){
+
      case 3: lipath = "https://static.igem.org/mediawiki/2010/0/0e/Zjuheader4.jpg";break;
-
document.getElementById("header").style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
+
      case 4: lipath = "https://static.igem.org/mediawiki/2010/d/d1/Zjuheader5.jpg";break;
-
slide++;
+
      case 5: lipath = "https://static.igem.org/mediawiki/2010/c/cd/Zjuheader6.jpg";break;
-
}
+
      case 6: lipath = "https://static.igem.org/mediawiki/2010/9/97/Zjuheader7.jpg";break;
-
else if (slide == 4){
+
    }
-
document.getElementById("header").style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
+
    document.getElementById("header").style.backgroundImage = "URL("+lipath+")"; //显示对应的图片
-
slide++;
+
-
}
+
-
else if (slide == 5){
+
-
document.getElementById("header").style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
+
-
slide++;
+
-
}
+
-
else if (slide == 6){
+
-
document.getElementById("header").style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
+
-
slide++;
+
-
}
+
-
else if (slide == 7){
+
-
document.getElementById("header").style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
+
-
slide = 1;
+
-
}
+
-
setTimeout('switchbackground()', 5000);
+
}
}
 +
    setInterval("change()",15000);    //每1秒钟掉用一次change()
</script>
</script>
Line 477: Line 460:
     </script>
     </script>
     <div id="header">
     <div id="header">
-
    <!--<img src="https://static.igem.org/mediawiki/2010/b/bf/Zjunewlogo1.png" title="Zhejiang University, China"></img>-->
+
    <div id="headleft">
-
      <img src="https://static.igem.org/mediawiki/2010/b/bf/Zjunewlogo1.png" onmouseout="nereidFade(this,60,10,5)" onmouseover="nereidFade(this,100,10,5)" style="FILTER: alpha(opacity=50)">
+
        <img src="https://static.igem.org/mediawiki/2010/b/bf/Zjunewlogo1.png" title="Zhejiang University, China"></img>
 +
        </div>
 +
        <div id="headright">
 +
        <img src="https://static.igem.org/mediawiki/2010/3/3d/Shishikan2.png" onMouseOut="nereidFade(this,60,10,5)" onMouseOver="nereidFade(this,100,10,5)" style="FILTER: alpha(opacity=50)" title="Zhejiang University, China"></img>
 +
        </div>
         <!--
         <!--
         <img src="https://static.igem.org/mediawiki/2010/1/1b/Zjulogo2.png" title="Zhejiang University, China"></img>
         <img src="https://static.igem.org/mediawiki/2010/1/1b/Zjulogo2.png" title="Zhejiang University, China"></img>
Line 552: Line 539:
                 <ul>
                 <ul>
                     <li><a href="https://2010.igem.org/Team:ZJU-China/Sunny Nutrition" title="Sunny Nutrition">Sunny Nutrition</a></li>
                     <li><a href="https://2010.igem.org/Team:ZJU-China/Sunny Nutrition" title="Sunny Nutrition">Sunny Nutrition</a></li>
-
       <li><a href="https://2010.igem.org/Team:ZJU-China/ZJU-IR" title="ZJU-IR">ZJU-IR</a></li>
+
       <li><a href="https://2010.igem.org/Team:ZJU-China/ZJU-IR" title="ZJU-OIR">ZJU-OIR</a></li>
                         <li><a href="https://2010.igem.org/Team:ZJU-China/ZJU-CLS" title="ZJU-CLS">ZJU-CLS</a></li>
                         <li><a href="https://2010.igem.org/Team:ZJU-China/ZJU-CLS" title="ZJU-CLS">ZJU-CLS</a></li>
                     </ul>
                     </ul>

Latest revision as of 03:09, 28 October 2010