CSS/gifu/main

From 2014.igem.org

(Difference between revisions)
Line 261: Line 261:
   z-index:0;
   z-index:0;
}
}
-
 
-
#factory {
 
-
  position:fixed;
 
-
  bottom:15px;
 
-
  right:15px;
 
-
  z-index:100000;
 
-
  color:white;
 
-
  font-size:xx-large;
 
-
  height:150px;
 
-
  width:150px;
 
-
  }
 
#center {
#center {
Line 364: Line 353:
   cursor:pointer;
   cursor:pointer;
}
}
 +
 +
#factory1 {
 +
  position:fixed;
 +
  bottom:15px;
 +
  right:15px;
 +
  z-index:100000;
 +
  color:white;
 +
  font-size:xx-large;
 +
  height:150px;
 +
  width:150px;
 +
  visibility:visible;
 +
  }
 +
#factory2 {
 +
  position:fixed;
 +
  bottom:15px;
 +
  right:15px;
 +
  z-index:100000;
 +
  color:white;
 +
  font-size:xx-large;
 +
  height:150px;
 +
  width:150px;
 +
  visibility:hidden;
 +
  }
 +
#factory3 {
 +
  position:fixed;
 +
  bottom:15px;
 +
  right:15px;
 +
  z-index:100000;
 +
  color:white;
 +
  font-size:xx-large;
 +
  height:150px;
 +
  width:150px;
 +
  visibility:hidden;
 +
  }
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
-
 
-
function imgchange(IMG){document.factory1.src = IMG}
 
$(function(){
$(function(){
Line 375: Line 396:
{scrollTop:0},800);
{scrollTop:0},800);
return false;
return false;
 +
$("#factory1").css("visibility","hidden")
 +
$("#factory3").css("visibility","visible")
 +
})
 +
.mouseover(function(){
 +
$("#factory1").css("visibility","hidden")
 +
$("#factory2").css("visibility","visible")
});
});
});
});
Line 385: Line 412:
</img></a>
</img></a>
-
<div id="factory">
+
<div id="factory1">
GO TOP!</br>
GO TOP!</br>
-
<img src="https://static.igem.org/mediawiki/2014/d/d4/Factory1.png" class="goTop"
+
<img src="https://static.igem.org/mediawiki/2014/d/d4/Factory1.png" class="goTop" id="factory1" alt="factory1"></img>
-
onMouseOver="imgchange=('https://static.igem.org/mediawiki/2014/6/63/Factory2.png')"
+
-
onClick="imgchange=('https://static.igem.org/mediawiki/2014/b/b3/Factory3.png')"
+
-
></img>
+
</div>
</div>
 +
<div id="factory2">
 +
GO TOP!</br>
 +
<ing src="https://static.igem.org/mediawiki/2014/6/63/Factory2.png" class="goTop" id="factory2" alt="factory2"></img>
 +
</div>
 +
<div id="factory3">
 +
GO TOP!</br>
 +
<img src="https://static.igem.org/mediawiki/2014/b/b3/Factory3.png" class="goTop" id="factory3" ait="factory3"></img>
 +
</div>
 +
</body>
</body>
 +
</html>
<!--
<!--
<img src="https://static.igem.org/mediawiki/2014/d/d4/Factory1.png" name="factory1" alt="factory1"></img>
<img src="https://static.igem.org/mediawiki/2014/d/d4/Factory1.png" name="factory1" alt="factory1"></img>
Line 398: Line 432:
<img src="https://static.igem.org/mediawiki/2014/b/b3/Factory3.png" name="factory3" ait="factory3"></img>
<img src="https://static.igem.org/mediawiki/2014/b/b3/Factory3.png" name="factory3" ait="factory3"></img>
-->
-->
-
</html>
 

Revision as of 02:55, 18 September 2014

GO TOP!
factory1
GO TOP!
GO TOP!

Retrieved from "http://2014.igem.org/CSS/gifu/main"