Team:Hong Kong HKUST/team
From 2013.igem.org
(Difference between revisions)
Line 40: | Line 40: | ||
<title>Team</title> | <title>Team</title> | ||
</head> | </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> | ||
<div class="menu"><ol> | <div class="menu"><ol> | ||
Line 82: | Line 125: | ||
top:300px; | top:300px; | ||
} | } | ||
+ | #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 | #p-logo | ||
{ | { |
Revision as of 12:16, 4 July 2013