Team:Manchester/Navbartest

From 2013.igem.org

(Difference between revisions)
Line 119: Line 119:
     $("#block #image5").mouseleave(function() {
     $("#block #image5").mouseleave(function() {
    $("#block #image5").css({marginLeft: "25px"});  
    $("#block #image5").css({marginLeft: "25px"});  
 +
  });
 +
}
 +
 +
function hoverLink6()
 +
{
 +
  $("#block #link6").hover(function() {
 +
  $("#block #image6").toggleClass("expand");
 +
  });
 +
  $("#block #link6").mouseenter(function() {
 +
    $("#block #image6").css({marginLeft: "17px"});
 +
  });
 +
  $("#block #link6").mouseleave(function() {
 +
    $("#block #image6").css({marginLeft: "25px"});
 +
  });
 +
}
 +
 +
function hoverImage5()
 +
{
 +
  $("#block #image6").mouseenter(function() {
 +
    $("#block #image6").css({marginLeft: "17px"});
 +
  });
 +
    $("#block #image6").mouseleave(function() {
 +
    $("#block #image6").css({marginLeft: "25px"});
   });
   });
}
}
Line 170: Line 193:
transition-duration:0.1s;
transition-duration:0.1s;
transition-timing-function:linear;
transition-timing-function:linear;
-
margin:0 25px;
+
margin:0 50px;
display:block;
display:block;
}
}
Line 234: Line 257:
</head>
</head>
-
<body>
+
<body onLoad="hoverLink1(); hoverLink2(); hoverLink3(); hoverImage1(); hoverImage2(); hoverImage3();
 +
              hoverLink4(); hoverImage4(); hoverLink5(); hoverImage5(); hoverLink6(); hoverImage6();">
 +
 
<div class="container">
<div class="container">
         <div id="block">
         <div id="block">
Line 254: Line 279:
          
          
         <div id="block">
         <div id="block">
-
             <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image3"/>
+
             <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image6"/>
               <ul class="list">
               <ul class="list">
-
                   <li><a href="#" id="linkx">Modelling</a>
+
                   <li><a href="#" id="link6">Modelling</a>
                <ul class="submenu">
                <ul class="submenu">
-
    <li><a href="#" id="link3">Fatty Acid</a></li>
+
    <li><a href="#" id="link6">Fatty Acid</a></li>
-
    <li><a href="#" id="link3">Notebook</a></li>
+
    <li><a href="#" id="link6">Notebook</a></li>
-
                             <li><a href="#" id="link3">Lab Book</a></li>
+
                             <li><a href="#" id="link6">Lab Book</a></li>
-
                    <li><a href="#" id="link3">Contributions</a></li>
+
                    <li><a href="#" id="link6">Contributions</a></li>
-
    <li><a href="#" id="link3">Safety</a></li>                      
+
    <li><a href="#" id="link6">Safety</a></li>                      
-
    <li><a href="#" id="link3">Attributions</a></li>
+
    <li><a href="#" id="link36">Attributions</a></li>
        </ul>
        </ul>
                 </li>
                 </li>

Revision as of 18:07, 26 July 2013