|
|
| 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;"> |
"
.jpg)
