User:Benjamin Miller

From OpenWetWare

(Difference between revisions)
Jump to: navigation, search
Line 23: Line 23:
       $('#lside3').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
       $('#lside3').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
       });
       });
-
$('#menulist').mouseover(function() {
+
$('#menuback').mouseover(function() {
       $('#headover').stop().animate({height:'150px',top:'0px'},1000);
       $('#headover').stop().animate({height:'150px',top:'0px'},1000);
-
      $('#headlistpro').fadeIn(500);
 
       });
       });
       $('#menu').mouseleave(function() {
       $('#menu').mouseleave(function() {
 +
      $('#headover ul').stop().fadeOut(500);
       $('#headover').stop().animate({height:'50px',top:'100px'},1000);
       $('#headover').stop().animate({height:'50px',top:'100px'},1000);
-
      $('#headlistpro').fadeOut(500);
+
      });
 +
$('#lpro').mouseover(function(){
 +
      $('#headover ul').stop().fadeOut(500);
 +
      $('#headlistpro').stop().fadeIn(500);
 +
      });
 +
$('#lpla').mouseover(function(){
 +
      $('#headover ul').stop().fadeOut(500);
 +
      $('#headlistpla').stop().fadeIn(500);
 +
      });
 +
$('#lres').mouseover(function(){
 +
      $('#headover ul').stop().fadeOut(500);
 +
      $('#headlistres').stop().fadeIn(500);
 +
      });
 +
$('#lext').mouseover(function(){
 +
      $('#headover ul').stop().fadeOut(500);
 +
      $('#headlistext').stop().fadeIn(500);
       });
       });
     });
     });
Line 51: Line 66:
   height:150px;
   height:150px;
   position: relative;
   position: relative;
 +
  top: 0px;
 +
  left: 0px;}
 +
 +
#menuback {
 +
  width:100px;
 +
  height:150px;
 +
  position: absolute;
   top: 0px;
   top: 0px;
   left: 0px;
   left: 0px;
Line 136: Line 158:
     text-decoration: none;
     text-decoration: none;
     font-family: helvetica, arial, sans-serif;
     font-family: helvetica, arial, sans-serif;
-
     color: #666666;}
+
     color: #444444;}
   #headover ul{
   #headover ul{
Line 161: Line 183:
   </div>
   </div>
   <div id='menu'>
   <div id='menu'>
-
   <ul id='menulist'>
+
   <div id='menuback'>
-
    <li><a href='#'>Project</a></li>
+
    <ul id='menulist'>
-
    <li><a href='#'>Plan</a></li>
+
    <li><a href='#' id='lpro'>Project</a></li>
-
    <li><a href='#'>Results</a></li>
+
    <li><a href='#' id='lpla'>Plan</a></li>
-
    <li><a href='#'>Extra</a></li>
+
    <li><a href='#' id='lres'>Results</a></li>
-
  </ul>
+
    <li><a href='#' id='lext'>Extra</a></li>
 +
    </ul>
 +
  </div>
   <div id='headpic'>
   <div id='headpic'>
     <div id='headover'>
     <div id='headover'>

Revision as of 08:21, 22 September 2010

Imperial College London iGEM 2010 CSynBI
















Personal tools