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;
 +
 
 +
}
-
</head>
+
#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>
-
<header>
+
<ul id="navbar">
-
<ul id="nav">
+
         <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="27px"></a></li>
+
                 height="28px"></a></li>
     </ul>
     </ul>
-
</header>
+
<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