求大神看一下hover这个伪类如何保留最后样式

不止会New 2017-12-11 05:14:11
$(function(){
/* 通知通报 */
$("#tztb").hover(function(){
$("#tztb").css("background-color","#FFFFFF");
$("#tztb img").attr('src','img/index-menu-1.png');
$("#tztb span").css('color','#235281');
$("#tztblist").show();
$("#jzlhlist").hide();
},

function(){
$("#tztb").css("background-color","#235281");
$("#tztb img").attr('src','img/index-menu-2.png');
$("#tztb span").css('color','#FFFFFF');
$("#tztblist").show();
$("#jzlhlist").hide();
});
/* 局长例会 */
$("#jzlh").hover(function(){
$("#jzlh").css("background-color","#FFFFFF");
$("#jzlh img").attr('src','img/index-menu-3.png');
$("#jzlh span").css('color','#235281');
$("#jzlhlist").show();
$("#tztblist").hide();
},

function(){
$("#jzlh").css("background-color","#235281");
$("#jzlh img").attr('src','img/index-menu-4.png');
$("#jzlh span").css('color','#FFFFFF');
$("#jzlhlist").show();
$("#tztblist").hide();
});
});




上面2个图分别为hover移入和移出的效果,但是我想保留移出后的白色状态,上下切换还是正常的,大神们,怎么改造一下啊
...全文
278 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
不止会New 2017-12-12
  • 打赏
  • 举报
回复
引用 1 楼 jslang 的回复:

$(function(){
		/* 通知通报 */	
		$("#tztb").mouseenter(function(){
			$("#tztb").css("background-color","#FFFFFF");
			$("#tztb img").attr('src','img/index-menu-1.png');
			$("#tztb span").css('color','#235281');
		    $("#jzlh").css("background-color","#235281");
		    $("#jzlh img").attr('src','img/index-menu-4.png');
			$("#jzlh span").css('color','#FFFFFF');
			$("#tztblist").show();
			$("#jzlhlist").hide();
		});

		/* 局长例会 */	
		$("#jzlh").mouseenter(function(){
			$("#jzlh").css("background-color","#FFFFFF");
			$("#jzlh img").attr('src','img/index-menu-3.png');
			$("#jzlh span").css('color','#235281');
		    $("#tztb").css("background-color","#235281");
		    $("#tztb img").attr('src','img/index-menu-2.png');
			$("#tztb span").css('color','#FFFFFF');
			$("#jzlhlist").show();
			$("#tztblist").hide();
		});
});
收益匪浅,感谢指导。
天际的海浪 2017-12-11
  • 打赏
  • 举报
回复

$(function(){
		/* 通知通报 */	
		$("#tztb").mouseenter(function(){
			$("#tztb").css("background-color","#FFFFFF");
			$("#tztb img").attr('src','img/index-menu-1.png');
			$("#tztb span").css('color','#235281');
		    $("#jzlh").css("background-color","#235281");
		    $("#jzlh img").attr('src','img/index-menu-4.png');
			$("#jzlh span").css('color','#FFFFFF');
			$("#tztblist").show();
			$("#jzlhlist").hide();
		});

		/* 局长例会 */	
		$("#jzlh").mouseenter(function(){
			$("#jzlh").css("background-color","#FFFFFF");
			$("#jzlh img").attr('src','img/index-menu-3.png');
			$("#jzlh span").css('color','#235281');
		    $("#tztb").css("background-color","#235281");
		    $("#tztb img").attr('src','img/index-menu-2.png');
			$("#tztb span").css('color','#FFFFFF');
			$("#jzlhlist").show();
			$("#tztblist").hide();
		});
});

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧