类似于flash的菜单

var indexApp = function(){
	
	var _this = this;
	
	return {
		
		init:function(){
			_this = this;
			_this._menu();
			
		},_menu:function(){
			/* $(".menu>li>a").mouseenter(function(){
				 
				$(this).animate({
						backgroundPositionX:"0px",backgroundPositionY:"+=51px"},400);	
				
		 
			 $(".menu>li>a").mouseleave(function(){
					
					$(this).animate({
						backgroundPositionX:"0px",400);				
			});
			
		
			
			 })*/
			 $(".menu>li.curr").mouseenter(function(){
				 $(".gradient",this).css("display","block"); 
				 
			 })
			  $(".menu>li.curr").mouseleave(function(){
				 $(".gradient","none"); 
				 
			 })
			 $(".menu>li").not(".curr").mouseenter(function(){
				
				$(".gradient","block"); 
				$(this).animate({
				 		backgroundPositionY:-51+"px"
   					 	},{
						step: function(now,fx){ 

						$(fx.elem).css({"background-position":"0px "+now+"px"});
						
					
						}
					  }
				);
			 })
			  $(".menu>li").not(".curr").mouseleave(function(){
				$(".gradient","none"); 	
				$(this).animate({
				 		backgroundPositionY:0+"px"
   					 	},fx){ 

						$(fx.elem).css({"background-position":"0px "+now+"px"});
						
					
						}
					  }
			   );
			 })
			
		}
$(document).ready(function(){

indexApp.init();
})

demo:http://www.imeiya.com/index.html