Team:Hong Kong HKUST/blank3
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | |||
<style> | <style> | ||
+ | .menu ol | ||
+ | { | ||
+ | list-style-type:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | .menu li | ||
+ | { | ||
+ | float:left; | ||
+ | } | ||
+ | .menu a:link,.menu a:visited | ||
+ | { | ||
+ | display:block; | ||
+ | width:120px; | ||
+ | font-weight:bold; | ||
+ | color:#FFFFFF; | ||
+ | background-color:#98bf21; | ||
+ | text-align:center; | ||
+ | padding:4px; | ||
+ | text-decoration:none; | ||
+ | text-transform:uppercase; | ||
+ | } | ||
+ | .menu a:hover,.menu a:active | ||
+ | { | ||
+ | background-color:#7A991A; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
</style> | </style> | ||
- | <head> | + | |
+ | |||
+ | |||
+ | <title>Team</title> | ||
+ | </head> | ||
+ | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> | ||
+ | </script> | ||
+ | <script> | ||
+ | $(document).ready(function() | ||
+ | { | ||
+ | $("#team1").mouseover(function(){ | ||
+ | $("#team1").animate({width:"110px"}); | ||
+ | }); | ||
+ | $("#team2").mouseleave(function(){ | ||
+ | $("#team1").animate({width:"220px"}); | ||
+ | }); | ||
+ | $("#wetlab1").mouseover(function(){ | ||
+ | $("#wetlab1").animate({width:"110px"}); | ||
+ | }); | ||
+ | $("#wetlab2").mouseleave(function(){ | ||
+ | $("#wetlab1").animate({width:"220px"}); | ||
+ | }); | ||
+ | $("#hp1").mouseover(function(){ | ||
+ | $("#hp1").animate({width:"215px"}); | ||
+ | }); | ||
+ | $("#hp2").mouseleave(function(){ | ||
+ | $("#hp1").animate({width:"430px"}); | ||
+ | }); | ||
+ | $("#project1").mouseover(function(){ | ||
+ | $("#project1").animate({width:"110px"}); | ||
+ | }); | ||
+ | $("#project2").mouseleave(function(){ | ||
+ | $("#project1").animate({width:"220px"}); | ||
+ | }); | ||
+ | $('#menubar').mouseover(function(){ | ||
+ | $('#menubar').stop().animate({top:"0px"},500); | ||
+ | }); | ||
+ | $('#menubar').mouseleave(function(){ | ||
+ | $('#menubar').stop().animate({top:"-20px"},500); | ||
+ | }); | ||
+ | $('#menubar.right-menu').mouseover(function(){ | ||
+ | $('#menubar.right-menu').stop().animate({top:"0px"},500); | ||
+ | }); | ||
+ | $('#menubar.right-menu').mouseleave(function(){ | ||
+ | $('#menubar.right-menu').stop().animate({top:"-20px"},500); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
<body> | <body> | ||
<ul id="navmenu"> | <ul id="navmenu"> | ||
Line 14: | Line 92: | ||
<li><a href="#">Human practice</a><li> | <li><a href="#">Human practice</a><li> | ||
</ul> | </ul> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | |||
+ | #globalWrapper | ||
+ | { | ||
+ | background-color:#fff7e8; | ||
+ | height:560px; | ||
+ | } | ||
+ | #content | ||
+ | { | ||
+ | background-color:#fff7e8; | ||
+ | border-color:#fff7e8; | ||
+ | |||
+ | } | ||
+ | #menubar | ||
+ | { | ||
+ | background-color:#EEECEC; | ||
+ | opacity:0.8; | ||
+ | top:-4px; | ||
+ | width:360px; | ||
+ | height:23px; | ||
+ | position:absolute; | ||
+ | top:-20px; | ||
+ | } | ||
+ | #menubar ul li a | ||
+ | { | ||
+ | color:#8D1919; | ||
+ | } | ||
+ | #menubar.right-menu | ||
+ | { | ||
+ | background-color:#EEECEC; | ||
+ | opacity:0.8; | ||
+ | top:-4px; | ||
+ | width:240px; | ||
+ | height:23px; | ||
+ | position:absolute; | ||
+ | top:-20px; | ||
+ | } | ||
+ | .right-menu li a | ||
+ | { | ||
+ | color:#8D1919; | ||
+ | background-color:#EEECEC; | ||
+ | } | ||
+ | |||
+ | #p-logo | ||
+ | { | ||
+ | height:0px; | ||
+ | visibility:hidden; | ||
+ | } | ||
+ | #top-section | ||
+ | { | ||
+ | height:0px; | ||
+ | } | ||
+ | #footer-box | ||
+ | { | ||
+ | height:0px; | ||
+ | display:none; | ||
+ | visbility:hidden; | ||
+ | } | ||
+ | #catlinks | ||
+ | { | ||
+ | border-color:#fff7e8; | ||
+ | background-color:#fff7e8; | ||
+ | } | ||
+ | #search-controls | ||
+ | { | ||
+ | visibility:hidden | ||
+ | } | ||
+ | .firstHeading | ||
+ | { | ||
+ | visibility:hidden | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | </div> | ||
</body> | </body> | ||
+ | |||
</html> | </html> |
Revision as of 07:22, 15 July 2013