这篇博客介绍了如何利用jQuery实现选项卡功能。通过CSS设置样式，JavaScript处理点击事件，动态改变input元素的背景色和div的显示状态，从而达到切换选项卡内容的效果。
页面部分
<link href="xxk.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.12.4.js"></script>
<script src="xxk.js"></script>
</head>
<body>
<div id="div1">
<input type="button" value="古装" class="on"/>
<input type="button" value="言情" />
<input type="button" value="仙侠" />
<input type="button" value="悬疑" />
<div class="on"><br/>陆小凤之凤舞九天<br/><br/>倚天屠龙记<br/><br/>小李飞刀</div>
<div><br/>魔女幼熙<br/><br/>蓝色大海的传说<br/><br/>太阳的后裔</div>
<div><br/>仙剑奇侠传<br/><br/>三生三世十里桃花<br/><br/>西游记</div>
<
最低0.47元/天 解锁文章
扫一扫
780
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
