Template:Template ZJU-China 2010

From 2010.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 94: Line 94:
width:1000px;
width:1000px;
height:400px;
height:400px;
 +
margin-left: 70px;
 +
margin-bottom: 10px;
overflow:hidden;
overflow:hidden;
background-color: transparent;
background-color: transparent;
-
padding-left:30px;
+
background-image: url(https://static.igem.org/mediawiki/2010/4/45/Zjuheader1.jpg);
-
padding-bottom: 10px;
+
background-repeat:no-repeat;
 +
border:outset;
 +
border-width:thick;
 +
border-color:#66C;
 +
/*https://static.igem.org/mediawiki/2010/1/12/Zjuheader2.jpg
 +
https://static.igem.org/mediawiki/2010/b/b7/Zjuheader3.jpg
 +
https://static.igem.org/mediawiki/2010/0/0e/Zjuheader4.jpg
 +
https://static.igem.org/mediawiki/2010/d/d1/Zjuheader5.jpg
 +
https://static.igem.org/mediawiki/2010/c/cd/Zjuheader6.jpg
 +
https://static.igem.org/mediawiki/2010/9/97/Zjuheader7.jpg*/
 +
/*padding-left:30px;
 +
padding-bottom: 10px;*/
}
}
Line 104: 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 403: Line 413:
}
}
-
function hackIGEM(){
+
nereidFadeObjects = new Object();
-
//var objGWrapper = document.getElementById("GlobalWrapper");  
+
nereidFadeTimers = new Object();
-
//objGWrapper.firstChild();
+
function nereidFade(object, destOp, rate, delta){
-
//document.getElementById("
+
if (!document.all)
 +
return
 +
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
 +
        return;
 +
    }
 +
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
 +
    diff = destOp-object.filters.alpha.opacity;
 +
    direction = 1;
 +
    if (object.filters.alpha.opacity > destOp){
 +
        direction = -1;
 +
    }
 +
    delta=Math.min(direction*diff,delta);
 +
    object.filters.alpha.opacity+=direction*delta;
 +
    if (object.filters.alpha.opacity != destOp){
 +
        nereidFadeObjects[object.sourceIndex]=object;
 +
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
 +
    }
}
}
-
</script>
 
-
<script language="javascript">hackIGEM();</script>
+
slide = 1;
 +
 
 +
function change(){
 +
        var lipan = Math.random();  //产生0-1之间的随机数
 +
    lipan = lipan * 6;            //用随机数乘以10
 +
    lipan = Math.round(lipan);      //取整
 +
    var lipath = "";
 +
    switch(lipan){
 +
      case 0: lipath = "https://static.igem.org/mediawiki/2010/4/45/Zjuheader1.jpg";break;    //图片位置
 +
      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;
 +
      case 3: lipath = "https://static.igem.org/mediawiki/2010/0/0e/Zjuheader4.jpg";break;
 +
      case 4: lipath = "https://static.igem.org/mediawiki/2010/d/d1/Zjuheader5.jpg";break;
 +
      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;
 +
    }
 +
    document.getElementById("header").style.backgroundImage = "URL("+lipath+")";  //显示对应的图片
 +
}
 +
    setInterval("change()",15000);    //每1秒钟掉用一次change()
 +
 
 +
</script>
 +
<script language="javascript">switchbackground()
 +
   
 +
    </script>
     <div id="header">
     <div id="header">
-
         <!--<a href="http://www.zju.edu.cn/english">
+
    <div id="headleft">
 +
        <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>
 +
        <a href="http://www.zju.edu.cn/english">
         <img src="https://static.igem.org/mediawiki/2010/b/b5/ZJUlogo.jpg" title="Zhejiang University, China"></img>
         <img src="https://static.igem.org/mediawiki/2010/b/b5/ZJUlogo.jpg" title="Zhejiang University, China"></img>
         </a>
         </a>
Line 431: Line 487:
             </div>
             </div>
             <div id="menubar2">
             <div id="menubar2">
-
               <a id="id2" class="aa" href="https://2010.igem.org/Team:ZJU-China/ZJUprojects" title="Projects" onMouseOver="showDiv('sheet2', 'menubar2', 'id2')"><b>Projects</b></a>
+
               <a id="id2" class="aa" title="Projects" onMouseOver="showDiv('sheet2', 'menubar2', 'id2')"><b>Projects</b></a>
                     <div id="sheet2">
                     <div id="sheet2">
Line 438: Line 494:
       <li><a href="https://2010.igem.org/Team:ZJU-China/Modeling" title="Modeling">Modeling</a></li>
       <li><a href="https://2010.igem.org/Team:ZJU-China/Modeling" title="Modeling">Modeling</a></li>
                         <li><a href="https://2010.igem.org/Team:ZJU-China/Software" title="Software">Software</a></li>
                         <li><a href="https://2010.igem.org/Team:ZJU-China/Software" title="Software">Software</a></li>
-
                         <li><a href="https://2010.igem.org/Team:ZJU-China/Application & Significance" title="Application & Significance">Significance</a></li>
+
                         <li><a href="https://2010.igem.org/Team:ZJU-China/Significance" title="Significance">Significance</a></li>
                         <li><a href="https://2010.igem.org/Team:ZJU-China/Next Generation" title="Next Generation">Next Generation</a></li>     
                         <li><a href="https://2010.igem.org/Team:ZJU-China/Next Generation" title="Next Generation">Next Generation</a></li>     
-
                         <li><a href="https://2010.igem.org/Team:ZJU-China/Characterization of Biobrick" title="Characterization of Biobrick">Characterization of Biobrick</a></li>   
+
                         <!--<li><a href="https://2010.igem.org/Team:ZJU-China/Characterization of Biobrick" title="Characterization of Biobrick">Characterization of Biobrick</a></li>   
 +
                        href="https://2010.igem.org/Team:ZJU-China/ZJUprojects"
 +
                        href="https://2010.igem.org/Team:ZJU-China/ZJUactivities"
 +
                        href="https://2010.igem.org/Team:ZJU-China/ZJUteam"
 +
                        href="https://2010.igem.org/Team:ZJU-China/ZJUsponsors"-->
                         <li><a href="https://2010.igem.org/Team:ZJU-China/Safety" title="Safety">Safety</a></li>
                         <li><a href="https://2010.igem.org/Team:ZJU-China/Safety" title="Safety">Safety</a></li>
                         <li><a href="https://2010.igem.org/Team:ZJU-China/Attribution and Contributions" title="Attribution and Contributions">Attribution and Contributions</a></li>     
                         <li><a href="https://2010.igem.org/Team:ZJU-China/Attribution and Contributions" title="Attribution and Contributions">Attribution and Contributions</a></li>     
Line 449: Line 509:
             <div id="menubar3">
             <div id="menubar3">
-
               <a id="id3" class="aa" href="https://2010.igem.org/Team:ZJU-China/ZJUactivities" title="Acitivies" onMouseOver="showDiv('sheet3', 'menubar3', 'id3')"><b>Activities</b></a>
+
               <a id="id3" class="aa" title="Acitivies" onMouseOver="showDiv('sheet3', 'menubar3', 'id3')"><b>Activities</b></a>
                     <div id="sheet3">
                     <div id="sheet3">
Line 461: Line 521:
             <div id="menubar4">
             <div id="menubar4">
-
               <a id="id4" class="aa" href="https://2010.igem.org/Team:ZJU-China/ZJUteam" title="Team" onMouseOver="showDiv('sheet4', 'menubar4', 'id4')"><b>Team</b></a>
+
               <a id="id4" class="aa" title="Team" onMouseOver="showDiv('sheet4', 'menubar4', 'id4')"><b>Team</b></a>
                     <div id="sheet4">
                     <div id="sheet4">
Line 474: Line 534:
    
    
             <div id="menubar5">
             <div id="menubar5">
-
               <a id="id5" class="aa" href="https://2010.igem.org/Team:ZJU-China/ZJUsponsors" title="Sponsors" onMouseOver="showDiv('sheet5', 'menubar5', 'id5')"><b>Sponsors</b></a>
+
               <a id="id5" class="aa" title="Sponsors" onMouseOver="showDiv('sheet5', 'menubar5', 'id5')"><b>Sponsors</b></a>
                  
                  
                     <div id="sheet5">
                     <div id="sheet5">
                 <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