Team:INSA-Lyon/Project/Modeling
From 2010.igem.org
(Difference between revisions)
Line 10: | Line 10: | ||
<style type="text/css";> | <style type="text/css";> | ||
.firstHeading{background-image: url(https://static.igem.org/mediawiki/2010/9/93/Team_INSA-Lyon_header_DroppyColi.jpg); backgroung-repeat: no repeat;} | .firstHeading{background-image: url(https://static.igem.org/mediawiki/2010/9/93/Team_INSA-Lyon_header_DroppyColi.jpg); backgroung-repeat: no repeat;} | ||
+ | ul#topnav li:hover { | ||
+ | background: #f200d0 url("https://static.igem.org/mediawiki/2010/d/d9/Team_INSA-Lyon_bouton_fushia.gif") repeat-x; | ||
+ | } | ||
+ | ul#topnav li span { background: #f200d0;} | ||
</style> | </style> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | |||
+ | $("ul#topnav li").hover(function() { //Hover over event on list item | ||
+ | $(this).css({ 'background' : '#f200d0 url(https://static.igem.org/mediawiki/2010/d/d9/Team_INSA-Lyon_bouton_fushia.gif) repeat-x'}); //Add background color and 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 | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
<div class="colonnegauche"> | <div class="colonnegauche"> |
Revision as of 15:15, 26 August 2010