CSS/gifu/main

From 2014.igem.org

(Difference between revisions)
Line 354: Line 354:
}
}
-
#factory1 {
+
#factory {
   position:fixed;
   position:fixed;
   bottom:15px;
   bottom:15px;
Line 364: Line 364:
   width:150px;
   width:150px;
   visibility:visible;
   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;
 
   }
   }
Line 392: Line 370:
$(function(){
$(function(){
-
$("#factory1").click(function(){
+
$(".goTop").click(function(){
$("body,html").animate(
$("body,html").animate(
{scrollTop:0},800);
{scrollTop:0},800);
return false;
return false;
-
});
 
-
});
 
-
$(function(){
 
-
$("#factory1").css("visibility","hidden")
 
-
$("#factory3").css("visibility","visible")
 
-
});
 
-
$(function(){
 
-
$("#factory1").mouseover(function(){
 
-
$("#factory1").css("visibility","hidden")
 
-
$("#factory2").css("visibility","visible")
 
});
});
});
});
Line 416: Line 384:
</img></a>
</img></a>
-
<div id="factory1">
+
<div id="factory">
-
GO TOP!</br>
+
-
<img src="https://static.igem.org/mediawiki/2014/d/d4/Factory1.png" class="goTop" id="factory1" alt="factory1"></img>
+
-
</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>
GO TOP!</br>
-
<img src="https://static.igem.org/mediawiki/2014/b/b3/Factory3.png" class="goTop" id="factory3" ait="factory3"></img>
+
<img src="https://static.igem.org/mediawiki/2014/d/d4/Factory1.png" alt="factory1"></img>
</div>
</div>

Revision as of 04:08, 18 September 2014

GO TOP!
factory1