|
|
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> |