|
|
| (7 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <style>
| |
| | | | |
| - | <!-- we only need non hover images here, hovering is done in JS -->
| |
| - | #menu_button_home {
| |
| - | background-image: url(https://static.igem.org/mediawiki/2010/0/0f/Home_off.png);
| |
| - | width:115px;
| |
| - | }
| |
| - |
| |
| - | .menu_button_blog {
| |
| - | background-image: url(https://static.igem.org/mediawiki/2010/a/a0/Blog_off.png);
| |
| - | width:118px;
| |
| - | margin-left:-15px;
| |
| - | }
| |
| - |
| |
| - | .menu_button_competition {
| |
| - | background-image: url(https://static.igem.org/mediawiki/2010/a/a5/Competition_off.png);
| |
| - | width:148px;
| |
| - | margin-left:-15px;
| |
| - | }
| |
| - |
| |
| - | .menu_button_background {
| |
| - | background-image: url(https://static.igem.org/mediawiki/2010/b/bb/Background_off.png);
| |
| - | width:156px;
| |
| - | margin-left:-15px;
| |
| - | }
| |
| - |
| |
| - | .menu_button_project {
| |
| - | background-image: url(https://static.igem.org/mediawiki/2010/c/ce/Project_off.png);
| |
| - | width:119px;
| |
| - | margin-left:-15px;
| |
| - | }
| |
| - |
| |
| - | .menu_button_education {
| |
| - | background-image: url(https://static.igem.org/mediawiki/2010/d/df/Education_off.png);
| |
| - | width:135px;
| |
| - | margin-left:-15px;
| |
| - | }
| |
| - |
| |
| - | .menu_button_sponsors {
| |
| - | background-image: url(https://static.igem.org/mediawiki/2010/f/f1/Sponsors_off.png);
| |
| - | width:127px;
| |
| - | margin-left:-15px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .menu_button_press {
| |
| - | background-image: url(https://static.igem.org/mediawiki/2010/0/0b/Press_off.png);
| |
| - | width:112px;
| |
| - | margin-left:-15px;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | <ul id="navlist">
| |
| - | <li class="menu_button menu_button_home"><a href="https://2010.igem.org/Team:TU_Delft" title="Home"> </a></li>
| |
| - | <li class="menu_button menu_button_blog"><a href="https://2010.igem.org/Team:TU_Delft/blog" title="Blog"> </a></li>
| |
| - | <li class="menu_button menu_button_competition"><a href="https://2010.igem.org/Team:TU_Delft/competition" title="Competition"> </a></li>
| |
| - | <li class="menu_button menu_button_background"><a href="https://2010.igem.org/Team:TU_Delft/background" title="Background"> </a></li>
| |
| - | <li class="menu_button menu_button_project"><a href="https://2010.igem.org/Team:TU_Delft/project" title="Project"> </a></li>
| |
| - | <li class="menu_button menu_button_education"><a href="https://2010.igem.org/Team:TU_Delft/education" title="Education"> </a></li>
| |
| - | <li class="menu_button menu_button_sponsors"><a href="https://2010.igem.org/Team:TU_Delft/sponsors" title="Sponsors"> </a></li>
| |
| - | <li class="menu_button menu_button_press"><a href="https://2010.igem.org/Team:TU_Delft/press" title="Press"> </a></li>
| |
| - | </ul>
| |
| - |
| |
| - | <style>
| |
| - | .button_pointer { cursor:pointer; }
| |
| - | .button_hover { }
| |
| - | </style>
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - | $("#navlist > *").each (function() {
| |
| - | // load URL from link element
| |
| - | var url = $("*", this).attr("href");
| |
| - | var title = $("*", this).attr("title");
| |
| - |
| |
| - | // create normal div with click action
| |
| - | var button = $( $(this).html("<div>"+title+"</div>").get(0) );
| |
| - |
| |
| - | button.click(function() {
| |
| - | window.location = url;
| |
| - | });
| |
| - |
| |
| - | // setup hovering
| |
| - | button.hover(function() {
| |
| - | $(this).addClass("button_hover");
| |
| - | }, function() {
| |
| - | $(this).removeClass("button_hover");
| |
| - | });
| |
| - |
| |
| - | $(this).addClass("button_pointer");
| |
| - | });
| |
| - | </script>
| |
| - | </html>
| |
"
