Team:Hong Kong HKUST/layout2

From 2013.igem.org

(Difference between revisions)
 
(6 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
 
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
-
<script type="text/javascript" src="/common/jquery-latest.min.js"></script>
+
</script>
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function(){
$(document).ready(function(){
-
$('.menu li').hover(function(){
+
$(".menu li").hover(function(){
-
$(this).find('ul>li').stop().fadeToggle(400);
+
$(this).find("ul>li").stop().fadeToggle(10);
});
});
});
});
Line 24: Line 24:
line-height:30px;
line-height:30px;
text-align:center;
text-align:center;
-
background-color:red;
+
background-color:green;
}
}
.menu ul li a{
.menu ul li a{
text-decoration:none;
text-decoration:none;
-
color:white;
+
color:yellow;
}
}
Line 51: Line 51:
<body>
<body>
 +
<div class="menu">
<div class="menu">
<ul>
<ul>
-
<li><a href="">Home</a>
+
 
 +
<li><a href="">Home</a></li>
 +
 
 +
<li><a href="">Team</a>
<ul>
<ul>
-
<li><a href="">link1</a></li>
+
<li><a href="">Member</a></li>
-
<li><a href="">lnik2</a></li>
+
<li><a href="">Advisor</a></li>
-
<li><a href="">link3</a></li>
+
<li><a href="">Instructor</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a href="">Team</a>
+
<li><a href="">Project</a>
<ul>
<ul>
-
<li><a href="">link1</a></li>
+
<li><a href="">Abstract(Details)</a></li>
-
<li><a href="">lnik2</a></li>
+
<li><a href="">Modelling</a></li>
-
<li><a href="">link3</a></li>
+
<li><a href="">Characterization</a></li>
 +
<li><a href="">Parts</a></li>
 +
<li><a href="">Data Page</a></li>
 +
<li><a href="">Results</a></li>
</ul>
</ul>
</li>
</li>
 +
<li><a href="">Wetlab</a>
 +
<ul>
 +
<li><a href="">Notebook</a></li>
 +
<li><a href="">Protocols</a></li>
 +
<li><a href="">Safety</a></li>
</ul>
</ul>
 +
</li>
 +
 +
<li><a href="">Achievement</a>
 +
<ul>
 +
<li><a href="">Medal Requirements</a></li>
 +
<li><a href="">Prizes</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a href="">Human Practice</a></li>
 +
 +
</ul>
 +
</div>
</div>
 +
 +
</body>
</body>
</html>
</html>

Latest revision as of 12:15, 6 July 2013