博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery Tab选项卡 一行代码
阅读量:6078 次
发布时间:2019-06-20

本文共 601 字,大约阅读时间需要 2 分钟。

 

<div class="newsTabTitle">

<ul>
<li class="TabHover"><a href="?cat=5" style="color:#014E90"><b>集团新闻</b></a></li>
<li><a href="?cat=6" style="color:#515151;"><b>媒体聚焦</b></a></li>
<li><a href="?cat=7" style="color:#515151;"><b>图片新闻</b></a></li>
</ul>
</div>
<div class="newsTabCon">
<ul>
<li>test</li>
</ul>
<ul style="display:none;">
<li>test1</li>
</ul>
<ul style="display:none;">
<li>test2</li>
</ul>
</div>

$(".newsTabTitle li").mousemove(function(){$('.newsTabTitle li').removeClass(); $(this).addClass('TabHover'); $(".newsTabCon ul").hide();$(".newsTabCon ul:eq("+$(this).index()+")").show(); });

 

转载地址:http://eshgx.baihongyu.com/

你可能感兴趣的文章
SCC模板
查看>>
专题二经典问题解析_13
查看>>
和小猪一起搞微信公众号开发—创建自定义菜单
查看>>
C# 检测网络链接
查看>>
WPF 让Enter键按下时默认为某按钮(Button)事件
查看>>
Nginx下配置codeigniter框架
查看>>
git学习笔记(1)
查看>>
面试题3
查看>>
lucene全文检索技术
查看>>
java某课程安排
查看>>
Algs4-2.2.16自然的归并排序
查看>>
链表的基本操作(Basic Operations on a Linked List)
查看>>
Codeforces Round #195 (Div. 2) 解题报告
查看>>
除了 UCAN 发布的鹿班和普惠体,这些设计工具也来自阿里
查看>>
第一个JavaScript代码
查看>>
第三章 价值评估基础
查看>>
UML七种视图
查看>>
数据库与数据仓库的区别
查看>>
android项目数据库升级跨版本管理解决方案
查看>>
为什么要使用反射机制
查看>>