Team:Hong Kong HKUST/team
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $(".menu li").hover(function(){ | ||
+ | $(this).find("ul>li").stop().fadeToggle(10); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | .menu ul{ | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | list-style:none; | ||
+ | } | ||
+ | |||
+ | .menu ul li{ | ||
+ | float:left; | ||
+ | width:160px; | ||
+ | height:30px; | ||
+ | line-height:30px; | ||
+ | text-align:center; | ||
+ | background-color:green; | ||
+ | } | ||
+ | |||
+ | .menu ul li a{ | ||
+ | text-decoration:none; | ||
+ | color:yellow; | ||
+ | } | ||
+ | |||
+ | .menu ul li li{ | ||
+ | background-color:green; | ||
+ | color:white; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .menu ul li li:hover{ | ||
+ | background:#555; | ||
+ | } | ||
+ | |||
+ | .menu ul li li a{ | ||
+ | text-decoration:none; | ||
+ | color:white; | ||
+ | } | ||
+ | </style> | ||
+ | <style> | ||
+ | .pos_fixed | ||
+ | { | ||
+ | position:fixed; | ||
+ | top:300px; | ||
+ | left:10px; | ||
+ | } | ||
+ | |||
+ | ol.pos_fixed | ||
+ | { | ||
+ | list-style-type:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | .pos_fixed a:link,.pos_fixed a:visited | ||
+ | { | ||
+ | display:block; | ||
+ | font-weight:bold; | ||
+ | color:#FFFFFF; | ||
+ | background-color:#98bf21; | ||
+ | width:120px; | ||
+ | text-align:center; | ||
+ | padding:4px; | ||
+ | text-decoration:none; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | .pos_fixed a:hover,.pos_fixed a:active | ||
+ | { | ||
+ | background-color:#7A991A; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <div class="menu"> | ||
+ | <ul> | ||
+ | |||
+ | <li><a href="">Home</a></li> | ||
+ | |||
+ | <li><a href="">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="">Member</a></li> | ||
+ | <li><a href="">Advisor</a></li> | ||
+ | <li><a href="">Instructor</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="">Abstract(Details)</a></li> | ||
+ | <li><a href="">Modelling</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> | ||
+ | </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> | ||
+ | </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> | ||
+ | |||
+ | |||
+ | <ol class="pos_fixed"> | ||
+ | <li><a href="#notebook">notebook</a></li> | ||
+ | <li><a href="#protocols">protocols</a></li> | ||
+ | <li><a href="#safety">safety</a></il> | ||
+ | </ol> | ||
+ | |||
+ | |||
+ | <br><br> | ||
+ | <h><a id="notebook"></a>notebook</h> | ||
+ | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> | ||
+ | <h><a id="protocols"></a>protocols</h> | ||
+ | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> | ||
+ | |||
+ | <h><a id="C4"></a>safety</h> | ||
+ | </body> | ||
<head> | <head> | ||
Revision as of 02:58, 17 July 2013