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="https://2012.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/2012/e/e2/Igemlogo.png" width=75> </a> | <a href="https://2012.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/2012/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
Control