Template:Team:Cambridge/CAM 2012 TEMPLATE HEAD PROJECT

From 2012.igem.org

(Difference between revisions)
 
(98 intermediate revisions not shown)
Line 26: Line 26:
set_bk();
set_bk();
 +
 +
var ImgAry=['https://static.igem.org/mediawiki/2012/9/90/Linearised_logo3.png','https://static.igem.org/mediawiki/2012/5/57/Linearised_logo2_boldHP.png','https://static.igem.org/mediawiki/2012/7/78/Linearised_logo2_boldRS.png', 'https://static.igem.org/mediawiki/2012/b/b6/Linearised_logo2_boldRM.png', 'https://static.igem.org/mediawiki/2012/1/19/Linearised_logo2_boldBL.png', 'https://static.igem.org/mediawiki/2012/4/4c/Linearised_logo2_boldSD.png']
 +
var MapAry=[];
 +
for (var zxc0=0;zxc0<ImgAry.length;zxc0++){
 +
  MapAry[zxc0]=new Image();
 +
  MapAry[zxc0].src=ImgAry[zxc0];
 +
}
 +
 +
function Swap(id,nu){
 +
document.getElementById(id).src=MapAry[nu].src;
 +
}
 +
 +
function ScrollBit(x, y){
 +
    window.scrollTo(0,900);
 +
 +
}
</script>
</script>
Line 53: Line 69:
#contentSub {display: none;}
#contentSub {display: none;}
p:first-child { display: none;}
p:first-child { display: none;}
 +
#cam_top_logos {
 +
  top: 0;
 +
  position: absolute;
 +
  color: black;
 +
 +
}
 +
 +
#cam_top_logos.fixed {
 +
  position: fixed;
 +
  top: 0;
 +
}
 +
 +
#camlogoswrapper {
 +
  position: absolute;
 +
}
 +
/* Wiki Hacks - END */
/* Wiki Hacks - END */
</style>
</style>
Line 60: Line 92:
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function() {
$(document).ready(function() {
-
+
 
-
      
+
     var top = $('#cam_top_logos').offset().top - parseFloat($('#cam_top_logos').css('marginTop').replace(/auto/, 0));
 +
      $(window).scroll(function (event) {
 +
          // what the y position of the scroll is
 +
            var y = $(this).scrollTop();
 +
 
 +
        // whether that's below the form
 +
          if (y >= top) {
 +
        // if so, ad the fixed class
 +
          $('#cam_top_logos').addClass('fixed');
 +
        } else {
 +
          // otherwise remove it
 +
          $('#cam_top_logos').removeClass('fixed');
 +
        }
 +
  });
 +
 
 +
       
 +
 
$('.cam_grid_headover h7').css("display","none");
$('.cam_grid_headover h7').css("display","none");
Line 73: Line 121:
$('#cam_grid_project_headover h7').fadeOut(500);
$('#cam_grid_project_headover h7').fadeOut(500);
     });
     });
-
 
-
//$('.cam_nav_headover').css("display","none");
 
$('#cam_nav_project').mouseover(function() {
$('#cam_nav_project').mouseover(function() {
$('#cam_nav_project_headover').fadeIn(200);
$('#cam_nav_project_headover').fadeIn(200);
});
});
-
/*
 
-
    $('#cam_nav_project').mouseleave(function() {
 
-
$('#cam_nav_project_headover').fadeOut(200);
 
-
    });
 
-
$('#cam_nav_outreach').mouseover(function() {
+
if(this.hash.substring(1) == "Luciferase_and_instrumentation" ) {
-
$('#cam_nav_outreach_headover').fadeIn(200);
+
     ('html,body').animate({ scrollLeft: $('#Luciferase_and_instrumentation').offset().left }, 8000);
-
});
+
     alert("hello");
-
+
}
-
    $('#cam_nav_outreach').mouseleave(function() {
+
-
$('#cam_nav_outreach_headover').fadeOut(200);
+
-
     });
+
-
+
-
$('#cam_nav_gallery').mouseover(function() {
+
-
$('#cam_nav_gallery_headover').fadeIn(200);
+
-
});
+
-
+
-
    $('#cam_nav_gallery').mouseleave(function() {
+
-
$('#cam_nav_gallery_headover').fadeOut(200);
+
-
    });
+
-
+
-
$('#cam_nav_diary').mouseover(function() {
+
-
$('#cam_nav_diary_headover').fadeIn(200);
+
-
});
+
-
+
-
     $('#cam_nav_diary').mouseleave(function() {
+
-
$('#cam_nav_diary_headover').fadeOut(200);
+
-
    });
+
-
+
-
$('#cam_nav_team').mouseover(function() {
+
-
$('#cam_nav_team_headover').fadeIn(200);
+
-
});
+
-
+
-
    $('#cam_nav_team').mouseleave(function() {
+
-
$('#cam_nav_team_headover').fadeOut(200);
+
-
    });
+
-
+
-
$('#cam_nav_safety').mouseover(function() {
+
-
$('#cam_nav_safety_headover').fadeIn(200);
+
-
});
+
-
+
-
    $('#cam_nav_safety').mouseleave(function() {
+
-
$('#cam_nav_safety_headover').fadeOut(200);
+
-
    });
+
-
+
-
$('#cam_nav_sponsors').mouseover(function() {
+
-
$('#cam_nav_sponsors_headover').fadeIn(200);
+
-
});
+
-
+
-
    $('#cam_nav_sponsors').mouseleave(function() {
+
-
$('#cam_nav_sponsors_headover').fadeOut(200);
+
-
    });
+
-
+
-
$('#cam_nav_home').mouseover(function() {
+
-
$('#cam_nav_home_headover').fadeIn(200);
+
-
});
+
-
+
-
    $('#cam_nav_home').mouseleave(function() {
+
-
$('#cam_nav_home_headover').fadeOut(200);
+
-
    });
+
-
*/
+
});
});
Line 163: Line 153:
<li><a href ="https://2012.igem.org/Team:Cambridge/Parts" class='cam-external' style="color: #FFFFFF">Parts </a></li>
<li><a href ="https://2012.igem.org/Team:Cambridge/Parts" class='cam-external' style="color: #FFFFFF">Parts </a></li>
<li><a href ="https://2012.igem.org/Team:Cambridge/Project/DesignProcess" class='cam-external' style="color: #FFFFFF">Design Process</a></li>
<li><a href ="https://2012.igem.org/Team:Cambridge/Project/DesignProcess" class='cam-external' style="color: #FFFFFF">Design Process</a></li>
 +
<li><a href ="https://2012.igem.org/Team:Cambridge/Project/Results" class='cam-external' style="color: #FFFFFF">Results</a></li>
 +
</ul>
</ul>
-
<BR>
+
<h7>Previous iGEM teams have charaterised an impressive array of inducible promoters, along with other elements of biosensing circuitry... Read More </h7>
-
 
+
-
<h7> Previous iGEM teams have charaterised an impressive array of inducible promoters, along with other elements of biosensing circuitry... Read More </h7>
+
</div>
</div>
Line 256: Line 246:
             </div>
             </div>
             </a>
             </a>
 +
 +
<a href='http://youtu.be/lO6ajD0KfVI'>
 +
             <div id='cam_nav_youtube' class='cam_nav_grid'>
             <div id='cam_nav_youtube' class='cam_nav_grid'>
             </div>
             </div>
 +
</a>
         </div>
         </div>
</div>
</div>
</div>
</div>
-
 
-
 
<div id='cam_right' class='cam-box1'>
<div id='cam_right' class='cam-box1'>
-
      <div id='cam_top_logos' class='cam-topnav'>
+
    <div id='camlogoswrapper'>
-
            <br>
+
    <div id='cam_top_logos' class='cam-topnav'>
-
<center> <img src='https://static.igem.org/mediawiki/2012/a/ac/Linearised_logo.png' width="760" height="130"></img></center>
+
    <img id='tst' src='https://static.igem.org/mediawiki/2012/9/90/Linearised_logo3.png' USEMAP="#logomap" width="760" height="160" /></img>
 +
      </div>  
       </div>
       </div>
 +
<MAP NAME="logomap">
 +
<AREA SHAPE="RECT" COORDS="0,0,110,90" HREF="https://2012.igem.org/Team:Cambridge/Outreach/Overview" onmouseover="Swap('tst',1);"  onmouseout="Swap('tst',0);"  >
 +
<AREA SHAPE="RECT" COORDS="115,0,220,90" HREF="https://2012.igem.org/Team:Cambridge/Project/Biosensors" onmouseover="Swap('tst',2);"  onmouseout="Swap('tst',0);" >
 +
<AREA SHAPE="RECT" COORDS="225,0,365,90" HREF="https://2012.igem.org/Team:Cambridge/Project/Standardised_Outputs" onmouseover="Swap('tst',3);"  onmouseout="Swap('tst',0);" >
 +
<AREA SHAPE="RECT" COORDS="370,0,510,90" HREF="https://2012.igem.org/Team:Cambridge/Project/Instrumentation" onmouseover="Swap('tst',4);"  onmouseout="Swap('tst',0);" >
 +
<AREA SHAPE="RECT" COORDS="515,0,760,90" HREF="https://2012.igem.org/Team:Cambridge/Project/Sporulation_and_Germination" onmouseover="Swap('tst',5);"  onmouseout="Swap('tst',0);" >
 +
 +
</MAP>
 +
<div id='cam_pagecontent' class='cam-box-content'>
<div id='cam_pagecontent' class='cam-box-content'>
<br>
<br>

Latest revision as of 20:20, 26 September 2012

Previous iGEM teams have charaterised an impressive array of inducible promoters, along with other elements of biosensing circuitry... Read More