Template:Template ZJU-China 2010

From 2010.igem.org

(Difference between revisions)
 
(318 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
+
 
<style type="text/css">
<style type="text/css">
-
* {
+
/* CSS Document Author: Zhou Qin */
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
body {
+
/* hack css: learn from Peking and TU Delft */
-
margin: 20px 0;
+
div#top-section{
-
background: #FFFFFF;
+
    background: url();
-
font: normal small Georgia, "Times New Roman", Times, serif;
+
    background-color:#E000;
-
color: #FFFFFF;  
+
    color: #D1E9E9;
 +
    height: 20px;
 +
    width:  100%;
 +
    border: 0px;
 +
z-index: 1;
}
}
-
h1, h2, h3 {
 
-
}
 
-
h2 {
+
div#p-logo{
-
color: #609;
+
    display: none;
}
}
-
 
+
div#menubar{
-
h3 {
+
    z-index: 1;
-
color: #60C;
+
    top: 0;
 +
    font-color: #D1E9E9;
}
}
-
 
+
div#menubar .selected a{
-
p, blockquote, ul, ol {
+
    color: #CDCD9A;
}
}
-
 
+
.left-menu{
-
p {
+
    float: left;
-
color: #63F;
+
    top: 0;
 +
z-index: 1;
}
}
-
 
+
.right-menu{
-
blockquote {
+
    float: right;
-
margin-left: 3em;
+
    top: 0;
 +
z-index: 1;
}
}
-
ul {
+
div#search-controls{
-
margin-left: 3em;
+
    display: none;
 +
    position: absolute;
 +
    float: right;
 +
    top: 0px;
 +
    right: 20px;
 +
    background: url("") no-repeat;
 +
    width: 120px;
 +
    height: 25px;
}
}
-
 
+
#mw-searchButton{
-
ul li {
+
    display: none;
 +
    border: none;
 +
    background: none;
 +
    width: 30px;
 +
    height: 25px;
 +
    left: 87px;
 +
    line-height: 0;
 +
    font-size: 1px;
 +
    text-indent: 100pc;
 +
    cursor: pointer;
 +
    top: 0;
 +
    position: absolute;
 +
    padding: 0;
 +
    margin: 0;
}
}
 +
#content h1.firstHeading {display: none;}
-
ol {
+
#content {  
-
margin-left: 3em;
+
z-index: 1;
 +
background-color: transparent;
 +
border: none;
 +
width: 1200px;
 +
margin-left: auto;
 +
margin-right: auto;
}
}
-
 
+
-
ol li {
+
#footer-box{
 +
display: none;
}
}
-
a {
 
-
color: #3366FF; 
 
-
}
 
-
a:hover {
+
#globalWrapper {
-
text-decoration: none;
+
background-image:url('https://static.igem.org/mediawiki/2010/c/cb/Zjuigemnewb.jpg');
-
color: #FF6600;  
+
background-position:top;
 +
/*'https://static.igem.org/mediawiki/2010/e/e5/Zjuigem_myupdate0.jpg');*/
 +
background-repeat: no-repeat;
 +
background-color: #000;
}
}
-
img {
+
/* hack ends */
-
}
+
-
/* Boxed Style */
 
-
.boxed {
+
#header {
 +
width:1000px;
 +
height:400px;
 +
margin-left: 70px;
 +
margin-bottom: 10px;
 +
overflow:hidden;
 +
background-color: transparent;
 +
background-image: url(https://static.igem.org/mediawiki/2010/4/45/Zjuheader1.jpg);
 +
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;*/
}
}
-
.boxed .title {
+
#header img{
-
padding: 5px 10px;
+
border:0px;
-
background: url(images/img07.gif) repeat-x left bottom;
+
-
font-size: 1em;
+
}
}
-
.boxed .content {
+
#headleft {
-
padding: 20px 20px 40px 20px;
+
float:left;
 +
width: 150px;
 +
height: 400px;
 +
background-color: transparent;
}
}
-
/* Post */
+
#headright {
 +
float:left;
 +
height: 400px;
 +
width: 850px;
 +
background-color: transparent;
 +
}
-
.post {
+
/*#main{
-
padding: 10px;
+
width:1024px;
 +
height:1000px;
 +
}*/
 +
 
 +
#menubar0 {
 +
background-color: transparent;
 +
float: left;
 +
font-size:20px;
 +
font-stretch:expanded;
 +
width: 200px;
 +
height: 1000px;
 +
/*min-height: 1000px;
 +
overflow: auto;
 +
padding-bottom: 100px;
 +
position:relative;*/
}
}
-
.post .title {
+
a.aa {
-
margin-bottom: 20px;
+
color:#CCC;
}
}
-
.post .story {
+
a.aa:hover{
-
clear: both;
+
color:#CCC;
}
}
-
.post .story p, .post .story blockquote, .post .story ul, .post .story ol {
+
a.bb {
-
margin-bottom: 0.1em;
+
color:#66C;
-
line-height: 180%;
+
}
}
-
/* Logo */
+
a.bb:hover{
 +
color:#66C;
 +
}
 +
/*#menubar0 h6 a{
 +
font-size:20px;
 +
font-stretch:expanded;
 +
color:#CCC;
 +
}
-
#logo {
+
#menubar0 h6 a:hover{
-
width: 969px;
+
font-size:20px;
-
height: 210px;
+
font-stretch:expanded;
-
margin: 0 auto;
+
color:#FFF;
 +
}*/
 +
 
 +
#menubar0 ul li{
 +
text-align: left;
 +
line-height: 35px;
 +
font-size: 14px;
}
}
-
#logo h1 {
+
#menubar1{
-
float: left;
+
width:200px;
-
width: 180px;
+
-
height: 160px;
+
background-image:url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg);
-
padding: 20px;
+
/*https://static.igem.org/mediawiki/2010/d/d6/ZJUMenubar1.jpg);*/
-
background: #FFB46A url(images/img01.gif) no-repeat;
+
background-repeat:no-repeat;
-
text-align: right;
+
        line-height: 57px;
-
font-size: 2.2em;
+
text-align:center;
 +
}
}
-
#logo h2 {
+
#sheet1{
-
float: right;
+
width: 170px;
-
width: 699px;
+
padding-left: 15px;
-
height: 150px;
+
padding-right: 15px;
-
padding: 30px 20px 20px 20px;
+
display:none;
-
background: #319595 url(images/img02.png) no-repeat;
+
-
font-size: 1.4em;
+
}
}
-
#logo a {
+
#sheet1 a{
-
text-decoration: none;
+
color:#66F;
-
color: #FFFFFF;
+
}
}
-
/* Content */
+
#sheet1 a:hover{
 +
color:#FFF;
 +
}
-
#content {
+
#menubar2{
-
width: 969px;
+
width:200px;
-
margin: 0 auto;
+
background-image:url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg);
-
background: url(https://2010.igem.org/Image:Img03.png) repeat-y;
+
/*https://static.igem.org/mediawiki/2010/8/87/ZJUMenubar2.jpg);*/
 +
background-repeat:no-repeat;
 +
        line-height: 57px;
 +
text-align:center;
}
}
-
#extra {
+
#sheet2{
-
clear: both;
+
width: 170px;
-
height: 20px;
+
padding-left: 15px;
-
background: url(images/img06.png) no-repeat;
+
padding-right: 15px;
 +
display:none;
 +
}
}
-
/* Content > Main */
+
#sheet2 a{
 +
color:#66F;
 +
}
-
#main {
+
#sheet2 a:hover{
-
float: right;
+
color:#FFF;
-
width: 738px;
+
-
background: url(images/img05.gif) no-repeat right top;
+
-
color: #FFA954;
+
}
}
-
#main a {
+
#menubar3{
-
color: #FF7F00;
+
width:200px;
 +
 +
background-image:url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg);
 +
/*https://static.igem.org/mediawiki/2010/1/15/ZJUMenubar3.jpg);*/
 +
background-repeat:no-repeat;
 +
        line-height: 57px;
 +
text-align:center;
}
}
-
/* Content > Main > Welcome */
+
#sheet3{
 +
width: 170px;
 +
padding-left: 15px;
 +
padding-right: 15px;
 +
display:none;
 +
 +
}
-
#welcome {
+
#sheet3 a{
 +
color:#66F;
}
}
-
/* Content > Main > Example */
+
#sheet3 a:hover{
 +
color:#FFF;
 +
}
-
#example {
+
#menubar4{
 +
width:200px;
 +
 +
background-image:url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg);
 +
/*https://static.igem.org/mediawiki/2010/0/09/ZJUMenubar4.jpg);*/
 +
background-repeat:no-repeat;
 +
        line-height: 57px;
 +
text-align:center;
}
}
-
/* Content > Sidebar */
+
#sheet4{
 +
width: 170px;
 +
padding-left: 15px;
 +
padding-right: 15px;
 +
display:none;
 +
}
-
#sidebar {
+
#sheet4 a{
-
float: left;
+
color:#66F;
-
width: 220px;
+
-
background: url(images/img04.gif) no-repeat;
+
-
color: #6BB3B3;
+
}
}
-
#sidebar a {
+
#sheet4 a:hover{
-
color: #319595;
+
color:#FFF;
}
}
-
/* Content > Sidebar > Menu */
+
#menubar5{
 +
width:200px;
 +
 +
background-image:url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg);
 +
/*https://static.igem.org/mediawiki/2010/f/fa/ZJUMenubar5.jpg);*/
 +
background-repeat:no-repeat;
 +
        line-height: 59px;
 +
text-align:center;
 +
}
 +
 
 +
#sheet5{
 +
width: 170px;
 +
padding-left: 15px;
 +
padding-right: 15px;
 +
display:none;
-
#menu {
 
-
padding: 20px 0;
 
}
}
-
#menu ul {
+
#sheet5 a{
-
margin: 0;
+
color:#66F;
-
list-style: none;
+
}
}
-
#menu li {
+
#sheet5 a:hover{
-
display: block;
+
color:#FFF;
-
padding-bottom: 1px;
+
-
background: url(images/img07.gif) repeat-x left bottom;
+
}
}
 +
#id1 {}
 +
#id2 {}
 +
#id3 {}
 +
#id4 {}
 +
#id5 {}
 +
-
 
+
#menubox{
-
#menu a {
+
top:e­xpression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);
-
display: block;
+
/*position:absolute;bottom:0px;*/
-
width: 170px;
+
-
padding: 10px 20px 10px 30px;
+
background-color:transparent;
-
text-decoration: none;
+
padding-top: 2px;
 +
width:150px;
 +
/*filter:alpha(opacity=70);*/
 +
filter: alpha(opacity=90);
 +
border-style:double;
 +
border-width:thick;
 +
border-color:#66C;
}
}
-
#menu a:hover, #menu .active a {
+
#main_content {
-
background: #CDE5E5 url(images/img08.gif) no-repeat 10px 50%;
+
margin-left: 17px;
 +
padding-left:30px;
 +
padding-right:20px;
 +
padding-top:20px;
 +
/*background-image:url(https://static.igem.org/mediawiki/2010/6/64/Zjuigem_content2.jpg); */
 +
background-repeat:no-repeat;
 +
background-color:#FFF;
 +
float: left;
 +
overflow: auto;
 +
overflow-x: hidden;
 +
width: 856px;
 +
height: 1066px;
 +
/*color:#FFF;*/
 +
filter: alpha(opacity=90);
 +
border-style:double;
 +
border-width:thick;
 +
border-color:#66C;
}
}
-
/* Content > Sidebar > Updates*/
+
#main_content {
-
 
+
-
#updates {
+
font-family:Arial, Helvetica, sans-serif;
 +
font-size: 15px;
 +
line-height: 40px;
}
}
-
#updates ul {
+
#main_content p {
-
margin: 0;
+
line-height: 25px;
-
list-style: none;
+
}
}
-
#updates h2 {
+
#main_content pre {
-
color: #6BB3B3;
+
line-height: 25px;
 +
font-family:Arial, Helvetica, sans-serif;
 +
font-size:14px;
 +
}
}
 +
</style>
-
#updates h3 {
+
<script language="javascript">
-
color: #6BB3B3;
+
function showDiv(divid, menuid, idid){
-
margin: 0;
+
-
font: bold x-small Verdana, Arial, Helvetica, sans-serif;
+
document.getElementById('sheet1').style.display = "none";
 +
document.getElementById('menubar1').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id1").className="aa";
 +
document.getElementById('sheet2').style.display = "none";
 +
document.getElementById('menubar2').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id2").className="aa";
 +
document.getElementById('sheet3').style.display = "none";
 +
document.getElementById('menubar3').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id3").className="aa";
 +
document.getElementById('sheet4').style.display = "none";
 +
document.getElementById('menubar4').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id4").className="aa";
 +
document.getElementById('sheet5').style.display = "none";
 +
document.getElementById('menubar5').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id5").className="aa";
 +
document.getElementById(divid).style.display = "block";
 +
document.getElementById(menuid).style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/c/c8/Zjumenubar.jpg)";
 +
document.getElementById(idid).className="bb";
}
}
 +
 +
function showDiv1(){
 +
 +
document.getElementById('sheet1').style.display = "none";
 +
document.getElementById('menubar1').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/c/c8/Zjumenubar.jpg)";
 +
document.getElementById("id1").className="bb";
 +
document.getElementById('sheet2').style.display = "none";
 +
document.getElementById('menubar2').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id2").className="aa";
 +
document.getElementById('sheet3').style.display = "none";
 +
document.getElementById('menubar3').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id3").className="aa";
 +
document.getElementById('sheet4').style.display = "none";
 +
document.getElementById('menubar4').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id4").className="aa";
 +
document.getElementById('sheet5').style.display = "none";
 +
document.getElementById('menubar5').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id5").className="aa";
 +
}
 +
 +
nereidFadeObjects = new Object();
 +
nereidFadeTimers = new Object();
 +
function nereidFade(object, destOp, rate, delta){
 +
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);
 +
    }
 +
}
 +
 +
slide = 1;
-
#updates p {
+
function change(){
-
margin-bottom: 1.4em;
+
        var lipan = Math.random();  //产生0-1之间的随机数
-
font-size: smaller;
+
    lipan = lipan * 6;            //用随机数乘以10
-
line-height: normal;
+
    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="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>
 +
        </a>
 +
     
 +
 +
        <a href="https://2010.igem.org/team:zju-china">
 +
        <img src="https://static.igem.org/mediawiki/2010/0/07/Headlogo.png" title="Team: ZJU-China"></img>
 +
        </a>-->
 +
   
 +
    </div>
 +
   
 +
    <div id="menubar0">
 +
            <div id="menubar1">
 +
            <a id="id1" class="aa" href="https://2010.igem.org/Team:ZJU-China" title="Home" onMouseOver="showDiv1()"><b>Home</b></a>
 +
                <div id="sheet1">
 +
                    </div>
 +
            </div>
 +
            <div id="menubar2">
 +
              <a id="id2" class="aa" title="Projects" onMouseOver="showDiv('sheet2', 'menubar2', 'id2')"><b>Projects</b></a>
-
/* Footer > Legal */
+
                    <div id="sheet2">
 +
                <ul>
 +
                    <li><a href="https://2010.igem.org/Team:ZJU-China/Background" title="Background">Background</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/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/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/Attribution and Contributions" title="Attribution and Contributions">Attribution and Contributions</a></li>   
 +
                    </ul>
 +
                    </div>
 +
               
 +
            </div>
-
#legal {
+
            <div id="menubar3">
-
}
+
              <a id="id3" class="aa"  title="Acitivies" onMouseOver="showDiv('sheet3', 'menubar3', 'id3')"><b>Activities</b></a>
-
/* Footer > Links */
+
                    <div id="sheet3">
 +
                <ul>
 +
      <li><a href="https://2010.igem.org/Team:ZJU-China/Human Practice" title="Human Practice">Human Practice</a></li>
 +
                        <li><a href="https://2010.igem.org/Team:ZJU-China/Team Cooperation" title="Team Cooperation">Team Cooperation</a></li>
 +
                    </ul>
 +
                    </div>
 +
             
 +
            </div>
-
#links {
+
            <div id="menubar4">
-
}
+
              <a id="id4" class="aa"  title="Team" onMouseOver="showDiv('sheet4', 'menubar4', 'id4')"><b>Team</b></a>
-
</style>
+
-
</head>
+
-
<!-- ############################# BODY!!!!! #################################### -->
+
                    <div id="sheet4">
-
<body>
+
                <ul>
-
<div id="logo">
+
                    <li><a href="https://2010.igem.org/Team:ZJU-China/Member info" title="Member info">Member info</a></li>
-
<h1><br>iGEM2010</h1>
+
      <li><a href="https://2010.igem.org/Team:ZJU-China/University info" title="University info">University info</a></li>
-
<h2 align="center"><br><a href="#">Team: ZJU-China</a><br><br>
+
                        <li><a href="https://2010.igem.org/Team:ZJU-China/City info" title="City info">City info</a></li>
-
<a href="http://www.zju.edu.cn/english/">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Zhejiang University</a></h2>
+
                    </ul>
-
</div>
+
                    </div>
-
<div id="content">
+
             
-
<div id="sidebar">
+
            </div>      
-
<div id="menu">
+
 
-
<ul>
+
            <div id="menubar5">
-
<li id="mainHome" class="active"><a href="#" title="">Home</a></li>
+
              <a id="id5" class="aa" title="Sponsors" onMouseOver="showDiv('sheet5', 'menubar5', 'id5')"><b>Sponsors</b></a>
-
  <li id="mainProjects"><a href="#" title="">Projects</a></li>
+
               
-
                  <ul>
+
                    <div id="sheet5">
-
                    <li><a href="#">Introduction</li>
+
                <ul>
-
                    <li><a href="#">Methods</li>
+
                    <li><a href="https://2010.igem.org/Team:ZJU-China/Sunny Nutrition" title="Sunny Nutrition">Sunny Nutrition</a></li>
-
                    <li><a href="#">Results</li>
+
      <li><a href="https://2010.igem.org/Team:ZJU-China/ZJU-IR" title="ZJU-OIR">ZJU-OIR</a></li>
-
                    <li><a href="#">Discussion</li>
+
                        <li><a href="https://2010.igem.org/Team:ZJU-China/ZJU-CLS" title="ZJU-CLS">ZJU-CLS</a></li>
-
                    <li><a href="#">Outlook</li>
+
                    </ul>
-
                    <li><a href="#">References</li>
+
                    </div>
-
                    <li><a href="#">Acknowledgements</li>
+
            </div>  
-
                  </ul>
+
           
-
              <li id="mainParts"><a href="#" title="">Parts</a></li>
+
            <div id="menubox">        
-
  <li id="mainNotebook"><a href="#" title="">Notebook</a></li>
+
<a href="http://s07.flagcounter.com/more/0Sa"><img src="http://s07.flagcounter.com/count/0Sa/bg=FFFFFF/txt=000000/border=CCCCCC/columns=2/maxflags=248/viewers=0/labels=0/pageviews=1/" alt="free counters" border="0"></a>
-
  <li id="mainCalender"><a href="#" title="">Calender</a></li>
+
            </div>
-
  <li id="mainTeam"><a href="#" title="">Team</a></li>
+
 
-
                  <ul>
+
    </div>
-
                    <li><a href="#">overview</li>
+
    </div>
-
                    <li><a href="#">Instructors</li>
+
 
-
                    <li><a href="#">Advisors</li>
+
</html>
-
                    <li><a href="#">Students</li>
+
-
                    <li><a href="#">Labs</li>
+
-
                    <li><a href="#">Gallery</li>
+
-
                  </ul>
+
-
<li id="Sponsors"><a href="#" title="">Sponsors</a></li>
+
-
</ul>
+
-
</div>
+
-
<div id="updates" class="boxed">
+
-
<h2 class="title">Recent Updates</h2>
+
-
<div class="content">
+
-
<ul>
+
-
<li>
+
-
<h3>Jul 16, 2010</h3>
+
-
<p><a href="#">Upload the decriptions of our projects.</a></p>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
</div>  
+
-
    </div>
+
-
<script type="text/javascript">
+
-
window.onload = function() {
+
-
      var lis = document.getElementsByTagName('li');
+
-
      for(i = 0; i < lis.length; i++) {
+
-
            var li = lis[i];
+
-
            if (li.id == 'mainTeam' || li.id == 'mainProjects' || li.id == 'mainParts' || li.id == 'mainNotebook' || li.id == 'mainCalender' || li.id == 'mainTeam' || li.id == 'mainSponsors') {
+
-
                  li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
+
-
                  li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
+
-
            }
+
-
      }
+
-
}
+
-
</script>
+
-
</body>
+

Latest revision as of 03:09, 28 October 2010