Team:SDU-Denmark/menu

 

 body { margin: 0; padding: 0; } .container {width: 930px; margin: 0;}

ul#topnav { margin: 0; padding: 0; float: left; width: 930px; list-style: none; position: relative; font-size: 1.1em; background: url(http://2009.igem.org/wiki/images/1/11/SDU-Denmark-topnav_stretch.gif) repeat-x; } ul#topnav li { float: left; margin: 0; padding: 0; border-right: 1px solid #555; } ul#topnav li a { padding: 10px 15px; display: block; color: #f0f0f0; text-decoration: none; font: 12px normal Verdana, Arial, Helvetica, sans-serif; } ul#topnav li:hover { background: #1376c9 url(http://2009.igem.org/wiki/images/a/a7/SDU-Denmark-topnav_active.gif) repeat-x; } ul#topnav li span { float: left; padding: 15px 0; position: absolute; left: 0; top:33px; display: none; width: 930px; background: #1376c9; color: #fff; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } ul#topnav li:hover span { display: block; } ul#topnav li span a { display: inline; } ul#topnav li span a:hover {text-decoration: underline;}



 $(document).ready(function { $("ul#topnav li").hover(function { //Hover over event on list item $(this).css({ 'background' : '#1376c9 url(http://2009.igem.org/wiki/images/a/a7/SDU-Denmark-topnav_active.gif) repeat-x'}); //Add background color + image on hovered list item $(this).find("span").show; //Show the subnav }, function { //on hover out... $(this).css({ 'background' : 'none'}); //Ditch the background $(this).find("span").hide; //Hide the subnav }); });



Home 

Background S. aureus | Biofilm</a> | Quorum-sensing</a> | Quenrum-quenching</a> | Brainstorm</a> </li>

 Project</a> Concept</a> | Methods</a> | Results</a> | Implications</a> | Protocols</a> | Tools</a> | Safety</a>

</li>  Parts</a> Submitted parts</a> | Contributions</a> | <a href="http://2009.igem.org/Team:SDU-Denmark/Parts/backbone_troubles">pSB1A3 characterization</a> </li> <li><a href="http://2009.igem.org/Team:SDU-Denmark/Team">Team</a> <a href="http://2009.igem.org/Team:SDU-Denmark/Team#Students">Students</a> | <a href="http://2009.igem.org/Team:SDU-Denmark/Team#Advisors">Advisors</a> | <a href="http://2009.igem.org/Team:SDU-Denmark/Team#About_SDU">About SDU</a> | <a href="http://2009.igem.org/Team:SDU-Denmark/Helping">What we did to help others</a> </li> </ul>