Here’s a drop down animated menu example made with jquery.js 1.2.2


Roll over this text to show the menu

• jquery


• the delay effect trick

$(function() { 

$(“a#menu-call”).mouseover( function() {
    $(“ul#menu”).animate({height:”show”,opacity:”show”},”slow”); return false;
  });

$(“ul#menu”).hover( function() {},
  function() { $(“ul#menu”).animate({opacity:1.0},1125).slideUp(375); return false; 
  });

$(“a.mlnk”).hover( 
  function() { $(this).css({ backgroundColor:”#ececec”, border:”1px solid #1042de”  }) },
  function() { $(this).css({ border:”none”,backgroundColor:”#ffffff”  }) }
  );

})



menu








entry one

	


entry two




entry three