Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
Line 20: Line 20:
     font-size: 12px;
     font-size: 12px;
     height: 58px;
     height: 58px;
-
     padding: 0 0 0 9px;
+
     padding: 0 0 0 0px;
     position: relative;
     position: relative;
     width: 570px;
     width: 570px;
Line 574: Line 574:
margin-right:auto;
margin-right:auto;
}
}
-
 
+
#menu1
 +
{
 +
width:72px;
 +
height: 0px;
 +
background-image:url('http://dl.dropbox.com/u/46807995/protein1.png');
 +
position:absolute;
 +
color: transparent;
 +
top: 53px;
 +
left: 430px;
 +
}
</style>
</style>
Line 584: Line 593:
<a id="iboxlink" href="http://2012.igem.org/Main_Page"></a>
<a id="iboxlink" href="http://2012.igem.org/Main_Page"></a>
<ul id="nav">
<ul id="nav">
-
<li><a href="http://2012.igem.org/Team:Queens_Canada">Home</a></li>
+
<li id="test1"><a href="http://2012.igem.org/Team:Queens_Canada">Home</a></li>
<li><a href="http://2012.igem.org/Team:Queens_Canada/Team">Team</a></li>
<li><a href="http://2012.igem.org/Team:Queens_Canada/Team">Team</a></li>
         <li><a class="hsubs" href="#">Project</a></li>
         <li><a class="hsubs" href="#">Project</a></li>
Line 603: Line 612:
</ul>
</ul>
-
 
+
<div id="menu1">
 +
fas
 +
</div>
</div>
</div>
<div id="submenu_container">
<div id="submenu_container">
Line 616: Line 627:
</div>
</div>
</div>
</div>
 +
<script type="text/javascript">
 +
$("#test1").hover(function(){
 +
    $("#menu1").animate({ height: "100px" });
 +
}, function() {
 +
    $("#menu1").animate({ height: "0px" });
 +
});
 +
</script>
<script type="text/javascript">
<script type="text/javascript">
             $(function() {
             $(function() {

Revision as of 20:11, 20 June 2012

up
Control