Template:Queens Canada/Header

From 2012.igem.org

(Difference between revisions)
Line 666: Line 666:
<a id="iboxlink" href="https://2012.igem.org/Main_Page"></a>
<a id="iboxlink" href="https://2012.igem.org/Main_Page"></a>
<ul id="nav">
<ul id="nav">
-
<li id="test1"><a href="https://2012.igem.org/Team:Queens_Canada">Home</a></li>
+
<li class="menuoption"><a href="https://2012.igem.org/Team:Queens_Canada">Home</a></li>
-
<li><a href="https://2012.igem.org/Team:Queens_Canada/Team">Team</a></li>
+
<li class="menuoption"><a href="https://2012.igem.org/Team:Queens_Canada/Team">Team</a></li>
-
         <li><a class="hsubs" href="#">Project</a>
+
         <li class="menuoption"><a class="hsubs" href="#">Project</a>
<ul class="subs">
<ul class="subs">
<li><a href="#">Chimeric Flagella</a></li>
<li><a href="#">Chimeric Flagella</a></li>
Line 674: Line 674:
</ul>
</ul>
</li>
</li>
-
<li><a class="hsubs" href="https://2012.igem.org/Team:Queens_Canada/Notebook">Notebook</a>
+
<li class="menuoption"><a class="hsubs" href="https://2012.igem.org/Team:Queens_Canada/Notebook">Notebook</a>
</li>
</li>
-
<li><a href="https://2012.igem.org/Team:Queens_Canada/SynthetiQ">SynthetiQ</a>
+
<li class="menuoption"><a href="https://2012.igem.org/Team:Queens_Canada/SynthetiQ">SynthetiQ</a>
<ul class="subs">
<ul class="subs">
         <li><a href="https://2012.igem.org/Team:Queens_Canada/SynthetiQ/DNA">DNA</a></li>
         <li><a href="https://2012.igem.org/Team:Queens_Canada/SynthetiQ/DNA">DNA</a></li>
         </ul>
         </ul>
</li>
</li>
-
<li><a class="hsubs" href="#">Partners</a>
+
<li class="menuoption"><a class="hsubs" href="#">Partners</a>
<ul class="subs">
<ul class="subs">
<li><a href="https://2012.igem.org/Team:Queens_Canada/Sponsors">Sponsors</a></li>
<li><a href="https://2012.igem.org/Team:Queens_Canada/Sponsors">Sponsors</a></li>
</ul>
</ul>
</li>
</li>
-
<li style=""><a class="hsubs" href="#">Extras</a> </li>
+
<li class="menuoption"><a class="hsubs" href="#">Extras</a> </li>
<div id="lavalamp"></div>
<div id="lavalamp"></div>
</ul>
</ul>
Line 710: Line 710:
var startleft =$("#nav").offset().left;
var startleft =$("#nav").offset().left;
var startleft2= parseInt(startleft) - 20;
var startleft2= parseInt(startleft) - 20;
-
$("#nav > li a").hover(function(){
+
$(".menuoption").hover(function(){
var left = $(this).offset().left;
var left = $(this).offset().left;
var length = $(this).width();
var length = $(this).width();
-
var newValue = parseInt(length) + 40;
+
var newValue = parseInt(length);
     $("#menuselector").animate({ left: left, width: newValue } , {queue: false});
     $("#menuselector").animate({ left: left, width: newValue } , {queue: false});

Revision as of 19:17, 17 July 2012

Control