类似于flash的菜单

最新推荐文章于 2024-08-31 15:34:17 发布

xjinza

最新推荐文章于 2024-08-31 15:34:17 发布

阅读量557

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/xjinza/article/details/8187635

版权

javascript 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

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", 
   					    backgroundPositionY:"+=51px"},400);				
			});
			
		
			
			 })*/
			 $(".menu>li.curr").mouseenter(function(){
				 $(".gradient",this).css("display","block"); 
				 
			 })
			  $(".menu>li.curr").mouseleave(function(){
				 $(".gradient",this).css("display","none"); 
				 
			 })
			 $(".menu>li").not(".curr").mouseenter(function(){
				
				$(".gradient",this).css("display","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",this).css("display","none"); 	
				$(this).animate({
				 		backgroundPositionY:0+"px"
   					 	},{
						step: function(now, fx){ 

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

indexApp.init();
})

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