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