Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
Line 8: Line 8:
<style type="text/css">
<style type="text/css">
 +
#menuselector
 +
{
 +
position: absolute;
 +
background-color: black;
 +
height: 10px;
 +
top: 0px;
 +
left: 340px;
 +
}
#nav,#nav ul {
#nav,#nav ul {
     list-style: none outside none;
     list-style: none outside none;
Line 690: Line 698:
<a href="http://2012.igem.org/Main_Page"> <img src="http://2012.igem.org/wiki/images/e/e2/Igemlogo.png" width=75> </a>
<a href="http://2012.igem.org/Main_Page"> <img src="http://2012.igem.org/wiki/images/e/e2/Igemlogo.png" width=75> </a>
</div>
</div>
 +
 +
</div>
</div>
</div>
</div>
 +
<div id="menuselector">
 +
</div>
<a href="#top-section">
<a href="#top-section">
Line 706: Line 718:
       $("#top-section").slideToggle("slow");
       $("#top-section").slideToggle("slow");
     });
     });
 +
</script>
 +
<script type="text/javascript">
 +
 +
 +
$("#nav > li a").hover(function(){
 +
 +
var left = $(this).offset().left;
 +
var length = $(this).width();
 +
var newValue = parseInt(length) + 40
 +
 +
    $("#menuselector").animate({ left: left, width: newValue }, {queue: false});
 +
}, function() {
 +
    $("#menuselector").animate({ left: "340px", width: "0px" }, {queue: false});
 +
});
</script>
</script>
</html>
</html>

Revision as of 19:26, 3 July 2012

up
Control