Team:Virginia/Parts
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
{{Template:Team:Virginia:Test}} | {{Template:Team:Virginia:Test}} | ||
+ | <html> | ||
<head> | <head> | ||
+ | <script src="//code.jquery.com/jquery-git2.js"></script> | ||
+ | <style> | ||
+ | ul,li { list-style-type: none; | ||
+ | list-style-position:inside; | ||
+ | margin:0px 0px; | ||
+ | padding:0; | ||
+ | |||
+ | } | ||
- | + | #navbar ul{ | |
+ | display:none; | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | width:100%; | ||
+ | } | ||
+ | #navbar>li:last-child{ | ||
+ | |||
+ | padding: 4px | ||
+ | } | ||
+ | |||
+ | #navbar li{ | ||
+ | float:left; | ||
+ | padding:10px 0px; | ||
+ | position:relative; | ||
+ | width:120px; | ||
+ | background-color:#40CC9D; | ||
+ | } | ||
+ | |||
+ | #navbar > li >ul{ | ||
+ | margin: 10px 0px; | ||
+ | } | ||
+ | |||
+ | #navbar{ | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | a{ | ||
+ | text-decoration:none; | ||
+ | color:white; | ||
+ | font-family:sans-serif; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
<body> | <body> | ||
- | + | <ul id="navbar"> | |
- | <ul id=" | + | |
<li><a href="https://2014.igem.org/Team:Virginia">Home</a></li> | <li><a href="https://2014.igem.org/Team:Virginia">Home</a></li> | ||
Line 22: | Line 63: | ||
</li> | </li> | ||
- | |||
<li><a href= | <li><a href= | ||
"https://2014.igem.org/Team:Virginia/Project">Project</a> <ul> | "https://2014.igem.org/Team:Virginia/Project">Project</a> <ul> | ||
Line 43: | Line 83: | ||
<li><a href="https://2014.igem.org/"><img src= | <li><a href="https://2014.igem.org/"><img src= | ||
"http://i.imgur.com/rLFTkAP.png" | "http://i.imgur.com/rLFTkAP.png" | ||
- | height=" | + | height="28px"></a></li> |
</ul> | </ul> | ||
- | </ | + | <br> |
+ | <script> | ||
+ | $('#navbar > li').hover(function() { | ||
+ | $(this).find('ul').slideToggle("slow"); | ||
+ | }); | ||
+ | |||
+ | |||
+ | $('#navbar > li > ul > li').mouseover(function(){ | ||
+ | $(this).css("background-color","#5F9C87"); | ||
+ | }); | ||
+ | |||
+ | $('#navbar li').hover(function(){ | ||
+ | $(this).css("background-color","#40CC9D"); | ||
+ | }); | ||
+ | |||
+ | |||
+ | $('#navbar > li > a').hover(function(){$(this).parent().css("background-color","#5F9C87");}, function(){$(this).parent().css("background-color","#40CC9D");}); | ||
+ | |||
+ | </script> | ||
</body> | </body> | ||
+ | </html> |
Revision as of 15:09, 25 July 2014