Team:Dundee/inside/board

From 2014.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 104: Line 104:
-
#flasher{
+
 
 +
#toRight{
   position: fixed;  
   position: fixed;  
   width: 40%;  
   width: 40%;  
Line 111: Line 112:
      
      
      
      
-
#flasher img {
+
#toRight img {
-
display :none;
+
  cursor: pointer;
  cursor: pointer;
   position: absolute;  
   position: absolute;  
-
   top: 770%;  
+
   top: 90%;  
-
   left: -60%;  
+
   left: 210%;  
   right: 0;  
   right: 0;  
   bottom: 0;  
   bottom: 0;  
   margin: auto;  
   margin: auto;  
-
   width: 30%;
+
   width: 40%;
 +
  height: 40%;
 +
} 
 +
 
 +
#toStreet{
 +
  position: fixed;
 +
  width: 40%;  
   height: 20%;
   height: 20%;
 +
}
 +
   
 +
   
 +
#toStreet img {
 +
cursor: pointer;
 +
  position: absolute;
 +
  top: 810%;
 +
  left: -10%;
 +
  right: 0;
 +
  bottom: 0;
 +
  margin: auto;
 +
  width: 50%;
 +
  height: 50%;
}   
}   
 +
 +
</style>
</style>
</head>
</head>
Line 131: Line 152:
     <div id="bg">   
     <div id="bg">   
-
     <img src="https://static.igem.org/mediawiki/2014/7/7f/Outreach_board.jpg" alt="">   
+
     <img src="https://static.igem.org/mediawiki/2014/3/39/Outreach_board.jpg12.jpg" alt="">   
</div>
</div>
Line 159: Line 180:
     </div>  
     </div>  
-
  <div id="flasher">
+
<div id="toRight">
-
      <img id="doIt" src="https://static.igem.org/mediawiki/2014/3/33/Dun_Flahser.png">
+
<a href="/Team:Dundee/inside/school">
-
  </div>
+
    <img src="https://static.igem.org/mediawiki/2014/1/1f/ToSchool_R.jpg">
 +
</a>
 +
</div>
 +
 
 +
<div id="toStreet">
 +
<a href="/Team:Dundee">
 +
  <img src="https://static.igem.org/mediawiki/2014/6/61/Dun_ToStreet.jpg">
 +
</a>
 +
</div>
<script>
<script>
Line 167: Line 196:
window.onload = function() {
window.onload = function() {
   fadeImg();
   fadeImg();
-
setTimeout(function() {
 
-
    $( '#doIt' ).css( "display", "block") ;
 
-
}, 1200);
 
}
}
-
 
-
$('#doIt').click(function(){
 
-
    fadeImg();
 
-
});
 
function fadeImg(){
function fadeImg(){

Latest revision as of 01:36, 18 October 2014

Dundee 2014

Dundee 2014

Retrieved from "http://2014.igem.org/Team:Dundee/inside/board"