Team:Peking/miningflow
From 2013.igem.org
(Difference between revisions)
XingjiePan (Talk | contribs) |
XingjiePan (Talk | contribs) |
||
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;} | ||
- | |||
#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;} | ||
- | |||
#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;} | ||
- | |||
#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;} | ||
- | |||
#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;} | ||
- | + | ||
</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