Team:DTU-Denmark-2/results/Copenhagen
From 2011.igem.org
(Difference between revisions)
(Created page with "{{:Team:DTU-Denmark-2/Header}} <html> <body> <br><br> <br> <img src="https://static.igem.org/mediawiki/2011/a/a8/Copenhagen_A2_device.png" height="125px" align="center"> </img> <br>...") |
|||
Line 2: | Line 2: | ||
<html> | <html> | ||
+ | <head> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | A {text-decoration:none} | ||
+ | A:link {color: #990000;text-decoration: none } | ||
+ | A:active {color: #990000;text-decoration: none } | ||
+ | A:visited {color: #990000 ;text-decoration: none } | ||
+ | A:hover {text-decoration: underline} | ||
+ | |||
+ | |||
+ | |||
+ | div.text { | ||
+ | padding-right: 20px; | ||
+ | padding-left: 50px; | ||
+ | padding-top:20px; | ||
+ | padding-bottom:10px; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | border-collapse:collapse; | ||
+ | } | ||
+ | table,th, td { | ||
+ | } | ||
+ | |||
+ | #menu { | ||
+ | width: 200px; | ||
+ | position: relative; | ||
+ | top: 0px; | ||
+ | } | ||
+ | a.h1 { | ||
+ | font-size: 12pt; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | a.h2 { | ||
+ | font-size: 9pt; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | </head> | ||
<body> | <body> | ||
+ | |||
+ | <div class="text"> | ||
+ | <font color=" #990000" face="arial" size="6"> | ||
+ | <br><br> | ||
+ | <b>Collaboration with the Copenhagen team</b><br> <br> | ||
+ | </font> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <table cellpadding=5px> | ||
+ | <th> | ||
+ | <td width="500px" height="100%" valign="top" valign="center" > | ||
+ | <br> | ||
+ | |||
+ | |||
+ | <div id="menu"> | ||
+ | <a href="https://2011.igem.org/Team:DTU-Denmark-2/Project/results/Copenhagen#The project of Copehagen" class="h1"><b>1</b> The project of Copehagen</a><br><br> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </td> | ||
+ | |||
+ | <td width="75%" height="100%" valign="top"> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <br> | ||
+ | |||
+ | <a name="The project of Copehagen"></a><h1><b>The project of Copehagen</b></h1> | ||
+ | <p align="justify"> | ||
+ | |||
<br><br> | <br><br> | ||
Line 22: | Line 101: | ||
<br> | <br> | ||
<br> | <br> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </ul> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <div id="EndOfPage"></div> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" charset="utf-8"></script> | ||
+ | <script type="text/javascript" charset="utf-8"> | ||
+ | $(function(){ | ||
+ | // $('#test').text($(this).scrollTop()); | ||
+ | var menu = $('#menu') | ||
+ | var pos = menu.position().top; | ||
+ | var offset = 20; | ||
+ | |||
+ | $(window).scroll(function(){ | ||
+ | $('#test').text(menu.position().top); | ||
+ | if(($(this).scrollTop() + menu.height() + offset) > $('#EndOfPage').position().top) { | ||
+ | menu.css("position", "absolute"); | ||
+ | menu.css("top", ($('#EndOfPage').position().top - menu.height()) + "px"); | ||
+ | }else{ | ||
+ | |||
+ | if(($(this).scrollTop() + offset) > pos) { | ||
+ | menu.css("position", "fixed"); | ||
+ | menu.css("top", offset + "px"); | ||
+ | }else{ | ||
+ | menu.css("position", "relative"); | ||
+ | menu.css("top", "0px"); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 19:10, 18 September 2011
Collaboration with the Copenhagen team
|
The project of Copehagen
|