jquery tag页签切换

最新推荐文章于 2019-08-08 15:08:12 发布

weixin_30485799

最新推荐文章于 2019-08-08 15:08:12 发布

阅读量123

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jsoncode/p/3721857.html

本文介绍了一个使用jQuery实现的标签切换效果。当鼠标悬停在一个标签上时，该标签会高亮显示，并展示对应的内容，同时隐藏其他内容。此外，还实现了鼠标进入和离开时的不同样式变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).ready(function () {
	var tag=$(".tags");
	tag.mouseover(function(){
		$(this).addClass("tagOn").siblings().removeClass("tagOn"); 
		var index =  tag.index(this);
		$("#tagsBody").eq(index).show().siblings().hide();
	}).hover(function(){
		$(this).addClass("on");
	},function(){
		$(this).removeClass("on");
	})
	
});

转载于:https://www.cnblogs.com/jsoncode/p/3721857.html