Team:TU Delft/menu test

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<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;
 +
}
 +
 +
#nmenu_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">
<ul id="navlist">
-
<li class="home"><a href="https://2010.igem.org/Team:TU_Delft" title="Home">&nbsp;</a></li>
+
<li class="menu_button menu_button_home"><a href="https://2010.igem.org/Team:TU_Delft" title="Home">&nbsp;</a></li>
-
<li class="blog"><a href="https://2010.igem.org/Team:TU_Delft/blog" title="Blog">&nbsp;</a></li>
+
<li class="menu_button menu_button_blog"><a href="https://2010.igem.org/Team:TU_Delft/blog" title="Blog">&nbsp;</a></li>
-
<li class="competition"><a href="https://2010.igem.org/Team:TU_Delft/competition" title="Competition">&nbsp;</a></li>
+
<li class="menu_button menu_button_competition"><a href="https://2010.igem.org/Team:TU_Delft/competition" title="Competition">&nbsp;</a></li>
-
<li class="background"><a href="https://2010.igem.org/Team:TU_Delft/background" title="Background">&nbsp;</a></li>
+
<li class="menu_button menu_button_background"><a href="https://2010.igem.org/Team:TU_Delft/background" title="Background">&nbsp;</a></li>
-
<li class="project"><a href="https://2010.igem.org/Team:TU_Delft/project" title="Project">&nbsp;</a></li>
+
<li class="menu_button menu_button_project"><a href="https://2010.igem.org/Team:TU_Delft/project" title="Project">&nbsp;</a></li>
-
<li class="education"><a href="https://2010.igem.org/Team:TU_Delft/education" title="Education">&nbsp;</a></li>
+
<li class="menu_button menu_button_education"><a href="https://2010.igem.org/Team:TU_Delft/education" title="Education">&nbsp;</a></li>
-
<li class="sponsors"><a href="https://2010.igem.org/Team:TU_Delft/sponsors" title="Sponsors">&nbsp;</a></li>
+
<li class="menu_button menu_button_sponsors"><a href="https://2010.igem.org/Team:TU_Delft/sponsors" title="Sponsors">&nbsp;</a></li>
-
<li class="press"><a href="https://2010.igem.org/Team:TU_Delft/press" title="Press">&nbsp;</a></li>
+
<li class="menu_button menu_button_press"><a href="https://2010.igem.org/Team:TU_Delft/press" title="Press">&nbsp;</a></li>
</ul>
</ul>
<style>
<style>
Line 22: Line 75:
   // create normal div with click action
   // create normal div with click action
-
   var button = $(this).html("<div>"+title+"</div>");
+
   var button = $( $(this).html("<div>"+title+"</div>").get(0) );
   button.click(function() {
   button.click(function() {

Revision as of 14:42, 4 June 2010

Retrieved from "http://2010.igem.org/Team:TU_Delft/menu_test"