"
Team:Hong Kong HKUST/team
From 2013.igem.org
(Difference between revisions)
| Line 2: | Line 2: | ||
<head> | <head> | ||
<title>Team</title> | <title>Team</title> | ||
| + | <link href="css/jimgMenu.css" rel="stylesheet" type="text/css" /> | ||
| + | <script type="text/javascript" src="js/jquery.js"></script> | ||
| + | <script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script> | ||
| + | <script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script> | ||
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function () { | ||
| + | // find the elements to be eased and hook the hover event | ||
| + | $('div.jimgMenu ul li a').hover(function() { | ||
| + | // if the element is currently being animated | ||
| + | if ($(this).is(':animated')) { | ||
| + | $(this).stop().animate({width: "310px"}, {duration: 450, easing:"easeOutQuad", complete: "callback"}); | ||
| + | } else { | ||
| + | // ease in quickly | ||
| + | $(this).stop().animate({width: "310px"}, {duration: 400, easing:"easeOutQuad", complete: "callback"}); | ||
| + | } | ||
| + | }, function () { | ||
| + | // on hovering out, ease the element out | ||
| + | if ($(this).is(':animated')) { | ||
| + | $(this).stop().animate({width: "78px"}, {duration: 400, easing:"easeInOutQuad", complete: "callback"}) | ||
| + | } else { | ||
| + | // ease out slowly | ||
| + | $(this).stop(':animated').animate({width: "78px"}, {duration: 450, easing:"easeInOutQuad", complete: "callback"}); | ||
| + | } | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
| + | |||
</head> | </head> | ||
<body> | <body> | ||
| + | <div class="jimgMenu"> | ||
| + | <ul> | ||
| + | <li id="landscapes"><a href="#">Landscapes</a></li> | ||
| + | <li id="people"><a href="#">People</a></li> | ||
| + | <li id="nature"><a href="#">Nature</a></li> | ||
| + | <li id="abstract"><a href="#">Abstract</a></li> | ||
| + | <li id="urban"><a href="#">Urban</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
<center><img src = "http://images.wikia.com/pes/de/images/0/0c/FC_Bayern_(52).jpg" alt="HKUST iGEM Team 2013" width="600" height="450"></center> | <center><img src = "http://images.wikia.com/pes/de/images/0/0c/FC_Bayern_(52).jpg" alt="HKUST iGEM Team 2013" width="600" height="450"></center> | ||
<div id="instructors" style="background-color:#FFD700;height:200px;width:300px;float:left;"> | <div id="instructors" style="background-color:#FFD700;height:200px;width:300px;float:left;"> | ||
Revision as of 04:53, 4 July 2013
.jpg)
