Team:TU Delft/menu2
From 2010.igem.org
(Difference between revisions)
(47 intermediate revisions not shown) | |||
Line 26: | Line 26: | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
+ | z-index:100; | ||
} | } | ||
#navlist li ul li { | #navlist li ul li { | ||
- | |||
- | |||
list-style-type:none; | list-style-type:none; | ||
float:left; | float:left; | ||
clear:both; | clear:both; | ||
- | + | z-index:100; | |
- | + | ||
} | } | ||
+ | #navlist li ul li a { | ||
+ | display: block; | ||
+ | color: #222; | ||
+ | width: 150px; | ||
+ | border: 1px solid #ccc; | ||
+ | padding: 3px; | ||
+ | } | ||
+ | |||
+ | #navlist li ul li a:hover { | ||
+ | color: #000; | ||
+ | background-color: #ccc; | ||
+ | text-decoration: underline; | ||
+ | } | ||
.menu_button { | .menu_button { | ||
Line 52: | Line 63: | ||
width:115px; | width:115px; | ||
} | } | ||
- | . | + | .menu_button_home.hover { background-image: url(https://static.igem.org/mediawiki/2010/7/7e/TU_Delft_home_on.png); } |
.menu_button_blog { | .menu_button_blog { | ||
Line 59: | Line 70: | ||
margin-left:-15px; | margin-left:-15px; | ||
} | } | ||
- | . | + | .menu_button_blog.hover {background-image: url(https://static.igem.org/mediawiki/2010/0/0d/Blog_on.png);} |
.menu_button_competition { | .menu_button_competition { | ||
Line 66: | Line 77: | ||
margin-left:-15px; | margin-left:-15px; | ||
} | } | ||
- | . | + | .menu_button_competition.hover { background-image: url(https://static.igem.org/mediawiki/2010/e/e0/Competition_on.png);} |
.menu_button_background { | .menu_button_background { | ||
Line 73: | Line 84: | ||
margin-left:-15px; | margin-left:-15px; | ||
} | } | ||
- | . | + | .menu_button_background.hover {background-image: url(https://static.igem.org/mediawiki/2010/f/f2/Background_on.png); } |
.menu_button_project { | .menu_button_project { | ||
Line 80: | Line 91: | ||
margin-left:-15px; | margin-left:-15px; | ||
} | } | ||
- | . | + | .menu_button_project.hover { background-image: url(https://static.igem.org/mediawiki/2010/3/3b/Project_on.png); } |
.menu_button_education { | .menu_button_education { | ||
Line 87: | Line 98: | ||
margin-left:-15px; | margin-left:-15px; | ||
} | } | ||
- | . | + | .menu_button_education.hover { background-image: url(https://static.igem.org/mediawiki/2010/9/98/Education_on.png); } |
Line 95: | Line 106: | ||
margin-left:-15px; | margin-left:-15px; | ||
} | } | ||
- | . | + | .menu_button_sponsors.hover { background-image: url(https://static.igem.org/mediawiki/2010/c/c5/Sponsors_on.png); } |
Line 103: | Line 114: | ||
margin-left:-15px; | margin-left:-15px; | ||
} | } | ||
- | . | + | .menu_button_press.hover { background-image: url(https://static.igem.org/mediawiki/2010/8/8a/Press_on.png); } |
.menu_button_team { | .menu_button_team { | ||
Line 110: | Line 121: | ||
margin-left:-15px; | margin-left:-15px; | ||
} | } | ||
- | . | + | .menu_button_team.hover { background-image: url(https://static.igem.org/mediawiki/2010/b/b3/TU_Delft_team_on.png); } |
.menu_button_contact { | .menu_button_contact { | ||
background-image: url(https://static.igem.org/mediawiki/2010/4/43/TU_Delft_contact_off.png); | background-image: url(https://static.igem.org/mediawiki/2010/4/43/TU_Delft_contact_off.png); | ||
- | width: | + | width:119px; |
margin-left:-15px; | margin-left:-15px; | ||
} | } | ||
- | . | + | .menu_button_contact.hover { background-image: url(https://static.igem.org/mediawiki/2010/b/ba/TU_Delft_contact_on.png); } |
+ | |||
+ | .menu_button_gallery { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2010/c/c1/TU_Delft_gallery_off.png); | ||
+ | width:115px; | ||
+ | margin-left:-15px; | ||
+ | } | ||
+ | .menu_button_gallery.hover { background-image: url(https://static.igem.org/mediawiki/2010/1/18/TU_Delft_gallery_on.png); } | ||
+ | |||
+ | .menu_button_safety { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2010/9/93/TU_Delft_safety_off.png); | ||
+ | width:140px; | ||
+ | margin-left:-15px; | ||
+ | } | ||
+ | .menu_button_safety.hover { background-image: url(https://static.igem.org/mediawiki/2010/d/db/TU_Delft_safety_on.png); } | ||
.submenu_body { | .submenu_body { | ||
Line 125: | Line 150: | ||
left:0px; | left:0px; | ||
} | } | ||
- | |||
</style> | </style> | ||
<ul id="navlist"> | <ul id="navlist"> | ||
- | <li><a class="menu_button menu_button_home" href="https://2010.igem.org/Team:TU_Delft" title="Home"> </a></li> | + | <li><a class="menu_button menu_button_home" href="https://2010.igem.org/Team:TU_Delft/pages/home" title="Home"> </a></li> |
- | <li><a class="menu_button menu_button_blog" href="https://2010.igem.org/Team:TU_Delft/blog" title="Blog"> </a></li> | + | <li><a class="menu_button menu_button_blog" href="https://2010.igem.org/Team:TU_Delft/pages/blog" title="Blog"> </a></li> |
- | <li><a class="menu_button menu_button_project" href="https://2010.igem.org/Team:TU_Delft/project" title="Project"> </a> | + | <li><a class="menu_button menu_button_project" href="https://2010.igem.org/Team:TU_Delft/pages/project" title="Project"> </a> |
<ul> | <ul> | ||
<li><a href="https://2010.igem.org/Team:TU_Delft/project/project_description">Project Description</a></li> | <li><a href="https://2010.igem.org/Team:TU_Delft/project/project_description">Project Description</a></li> | ||
<li><a href="https://2010.igem.org/Team:TU_Delft/project/background">Background</a></li> | <li><a href="https://2010.igem.org/Team:TU_Delft/project/background">Background</a></li> | ||
<li><a href="https://2010.igem.org/Team:TU_Delft/project/rbs_characterization">RBS Characterization</a></li> | <li><a href="https://2010.igem.org/Team:TU_Delft/project/rbs_characterization">RBS Characterization</a></li> | ||
- | <li><a href="https://2010.igem.org/Team:TU_Delft/project/alkane_degradation"> | + | <li><a href="https://2010.igem.org/Team:TU_Delft/project/alkane_degradation">Alkane Degradation</a></li> |
<li><a href="https://2010.igem.org/Team:TU_Delft/project/hydrocarbon_tolerance">Hydrocarbon Tolerance</a></li> | <li><a href="https://2010.igem.org/Team:TU_Delft/project/hydrocarbon_tolerance">Hydrocarbon Tolerance</a></li> | ||
<li><a href="https://2010.igem.org/Team:TU_Delft/project/hydrocarbon_solubility">Hydrocarbon Solubility</a></li> | <li><a href="https://2010.igem.org/Team:TU_Delft/project/hydrocarbon_solubility">Hydrocarbon Solubility</a></li> | ||
<li><a href="https://2010.igem.org/Team:TU_Delft/project/halotolerance">Halotolerance</a></li> | <li><a href="https://2010.igem.org/Team:TU_Delft/project/halotolerance">Halotolerance</a></li> | ||
<li><a href="https://2010.igem.org/Team:TU_Delft/project/genetic_regulation">Genetic Regulation</a></li> | <li><a href="https://2010.igem.org/Team:TU_Delft/project/genetic_regulation">Genetic Regulation</a></li> | ||
- | |||
<li><a href="https://2010.igem.org/Team:TU_Delft/project/modeling">Modeling</a></li> | <li><a href="https://2010.igem.org/Team:TU_Delft/project/modeling">Modeling</a></li> | ||
<li><a href="https://2010.igem.org/Team:TU_Delft/project/biobricks">BioBricks</a></li> | <li><a href="https://2010.igem.org/Team:TU_Delft/project/biobricks">BioBricks</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li><a class="menu_button menu_button_team" href="https://2010.igem.org/Team:TU_Delft/team" title="The Team"> </a></li> | + | <li><a class="menu_button menu_button_team" href="https://2010.igem.org/Team:TU_Delft/pages/team" title="The Team"> </a> |
- | <li><a class="menu_button menu_button_education" href="https://2010.igem.org/Team:TU_Delft/education" title="Education"> </a></li> | + | <ul> |
- | <li><a class="menu_button menu_button_sponsors" href="https://2010.igem.org/Team:TU_Delft/sponsors" title="Sponsors"> </a></li> | + | <li><a href="https://2010.igem.org/Team:TU_Delft/team/team_members">Team Members</a></li> |
- | <li><a class="menu_button menu_button_contact" href="https://2010.igem.org/Team:TU_Delft/contact" title="Contact"> </a></li> | + | <li><a href="https://2010.igem.org/Team:TU_Delft/team/our_mission">Our Mission</a></li> |
+ | <li><a href="https://2010.igem.org/Team:TU_Delft/team/history">History</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:TU_Delft/team/recruitment">Recruitment</a></li> | ||
+ | </ul></li> | ||
+ | <li><a class="menu_button menu_button_gallery" href="https://2010.igem.org/Team:TU_Delft/pages/gallery" title="Gallery"> </a> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:TU_Delft/gallery/pictures">Pictures</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:TU_Delft/gallery/movies">Movies</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a class="menu_button menu_button_education" href="https://2010.igem.org/Team:TU_Delft/pages/education" title="Education"> </a></li> | ||
+ | <li><a class="menu_button menu_button_sponsors" href="https://2010.igem.org/Team:TU_Delft/pages/sponsors" title="Sponsors"> </a> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:TU_Delft/sponsors/sponsor_list">Sponsor List</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:TU_Delft/sponsors/become_a_sponsor">Become a Sponsor</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a class="menu_button menu_button_contact" href="https://2010.igem.org/Team:TU_Delft/pages/contact" title="Contact"> </a></li> | ||
</ul> | </ul> | ||
<style> | <style> | ||
Line 159: | Line 199: | ||
var ddmenuitem = 0; | var ddmenuitem = 0; | ||
- | function jsddm_open() | + | function jsddm_open() { |
- | { | + | jsddm_canceltimer(); |
- | + | jsddm_close(); | |
- | + | ddmenuitem = $(this).find('ul').css('visibility', 'visible'); | |
} | } | ||
- | function jsddm_close() | + | function jsddm_close() { |
- | { | + | if(ddmenuitem) ddmenuitem.css('visibility', 'hidden'); |
+ | } | ||
- | function jsddm_timer() | + | function jsddm_timer() { |
- | { | + | closetimer = window.setTimeout(jsddm_close, timeout); |
+ | } | ||
- | function jsddm_canceltimer() | + | function jsddm_canceltimer() { |
- | { | + | if(closetimer) { |
- | + | window.clearTimeout(closetimer); | |
- | + | closetimer = null; | |
+ | } | ||
+ | } | ||
- | $ | + | $(function() { |
- | + | $('#navlist > li').bind('mouseover', jsddm_open); | |
- | + | $('#navlist > li').bind('mouseout', jsddm_timer); | |
+ | // $("#navlist li ul li:even").addClass("alt"); | ||
+ | }); | ||
document.onclick = jsddm_close; | document.onclick = jsddm_close; |
Latest revision as of 11:37, 22 July 2010