Team:Peking/miningflow

From 2013.igem.org

(Difference between revisions)
Line 8: Line 8:
#FlowStep4{position:absolute; top:0px; left:0px; width:800px; display:none; z-index:100;}
#FlowStep4{position:absolute; top:0px; left:0px; width:800px; display:none; z-index:100;}
#Flowcover0{position:absolute; top:0px; left:0px; width:225px; height:65px; background-color:#ffffff; opacity:0.5; z-index:300;}
#Flowcover0{position:absolute; top:0px; left:0px; width:225px; height:65px; background-color:#ffffff; opacity:0.5; z-index:300;}
-
#Flowcover0:hover{opacity:0;}
 
#Flowcover1{position:absolute; top:65px; left:0px; width:225px; height:155px; background-color:#ffffff; opacity:0.5;z-index:300;}
#Flowcover1{position:absolute; top:65px; left:0px; width:225px; height:155px; background-color:#ffffff; opacity:0.5;z-index:300;}
-
#Flowcover1:hover{opacity:0;}
 
#Flowcover2{position:absolute; top:220px; left:0px; width:225px; height:115px; background-color:#ffffff; opacity:0.5;z-index:300;}
#Flowcover2{position:absolute; top:220px; left:0px; width:225px; height:115px; background-color:#ffffff; opacity:0.5;z-index:300;}
-
#Flowcover2:hover{opacity:0;}
 
#Flowcover3{position:absolute; top:335px; left:0px; width:225px; height:105px; background-color:#ffffff; opacity:0.5;z-index:300;}
#Flowcover3{position:absolute; top:335px; left:0px; width:225px; height:105px; background-color:#ffffff; opacity:0.5;z-index:300;}
-
#Flowcover3:hover{opacity:0;}
 
#Flowcover4{position:absolute; top:440px; left:0px; width:225px; height:65px; background-color:#ffffff; opacity:0.5;z-index:300;}
#Flowcover4{position:absolute; top:440px; left:0px; width:225px; height:65px; background-color:#ffffff; opacity:0.5;z-index:300;}
-
#Flowcover4:hover{opacity:0;}
+
 
</style>
</style>
<div id="MiningFlowchart">
<div id="MiningFlowchart">
Line 31: Line 27:
</div>
</div>
<script type="text/javascript">
<script type="text/javascript">
 +
document.getElementById("Flowcover0").onmouseover=function()//hover
 +
{
 +
    document.getElementById("Flowcover0").style.opacity="0";
 +
    document.getElementById("Flowcover1").style.opacity="0.8";
 +
    document.getElementById("Flowcover2").style.opacity="0.8";
 +
    document.getElementById("Flowcover3").style.opacity="0.8";
 +
    document.getElementById("Flowcover4").style.opacity="0.8";
 +
}
document.getElementById("Flowcover0").onclick=function()
document.getElementById("Flowcover0").onclick=function()
{
{

Revision as of 19:07, 26 September 2013