Team:Hong Kong HKUST/team
From 2013.igem.org
(Difference between revisions)
Line 3: | Line 3: | ||
<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> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <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> | ||
+ | <div class="menu"><ol> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST">Home</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/team">Team</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/project">Project</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/wetlab">Wetlab</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/achievement">Achievement</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/humanpractice">Human Practice</a></li> | ||
+ | </ol> | ||
+ | </div> | ||
<h3><center><div id="kepala" style="height:121px;width:965px;"><img src="https://static.igem.org/mediawiki/2013/5/5a/Banner_gear.png" id="banner" style="height:121px;width:965px;align:middle;"></div></center></h3> | <h3><center><div id="kepala" style="height:121px;width:965px;"><img src="https://static.igem.org/mediawiki/2013/5/5a/Banner_gear.png" id="banner" style="height:121px;width:965px;align:middle;"></div></center></h3> |
Revision as of 02:52, 17 July 2013