Team:UCLA/Template

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
-
 
+
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
-
<style>
+
<script type="text/javascript">
-
#menu li{
+
$(document).ready(function() {
-
position:relative;
+
$("#menu > li > ul").hide();
-
float:left;
+
$("#menu > li").mouseenter(function() {
-
list-style:none;
+
$(this).children("li > ul").slideDown(500);
-
}
+
});
-
#menu a{
+
         $("#menu > li").mouseleave(function() {
-
color:white;
+
$(this).children("li > ul").slideUp(500);
-
background:black;
+
});
-
padding:5px;
+
});
-
text-decoration:none;
+
</script>
-
width:98px;
+
-
display:block;
+
-
text-align:center;
+
-
}
+
-
#menu{
+
-
margin-left:auto;
+
-
margin-right:auto;
+
-
width:900px;
+
-
}
+
-
#menu a:hover{
+
-
background:deepskyblue;
+
-
}
+
-
 
+
-
#menu li ul{
+
-
background:black;
+
-
display:none;
+
-
position:absolute;
+
-
text-align:center;
+
-
top:25px;
+
-
         right:0px;
+
-
}
+
-
#menu li:hover ul{
+
-
display:block;
+
-
}
+
-
#dropdown_menu li ul li{
+
-
position:relative;
+
-
}
+
-
</style>
+
Line 85: Line 57:
         <li><a href="/Team:UCLA/Attributions">Attributions</a></li>
         <li><a href="/Team:UCLA/Attributions">Attributions</a></li>
</ul>
</ul>
-
<a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a>
+
<a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"</a>
</html>
</html>

Revision as of 06:00, 16 July 2014