微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

类似于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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐