tab键的功能和作用如下：
1、切换窗口
在电脑打开的所有程序，可以用Tab组合键进行切换程序小窗口，选中将其打开。
用Alt+Tab组合键来快速切换窗口。此组合键要先按下Alt键再按下Tab键，就可以快速切换到上一次的窗口。在按住Alt键不放的情况下，按下一次Tab键会出现当前打开窗口的图标，再按下Tab键就可以在每个图标间切换。Alt+Shift+Tab组合键是反向切换。松开Alt键就会切换窗口。在Vista下，按下此组合键还有窗口缩略图出现。
2、跳行
在表格或者填写用户及密码的界面，可以按Tab按键进行跳行，这个是最常用的方法。比如：Excel可以向后移动选中的单元格；填写完用户名按一下Tab可以切换到密码框。
3、切换网页窗口
我们在使用浏览器的时候，一个浏览器同时会打开多个窗口，我们可以按Ctrl+Tab切换网页窗口。
4、Win+Tab
按住Win按键，然后每按一下Tab，都可以让电脑以大图样的方式切换程序窗口，非常的好看。
5、重命名
在电脑文件夹中选择一个图标，按下F2进入重命名状态，改名完毕后，接着按下Tab键，会进入下一个文件的重命名状态，或者，我们在选中文件重命名后，按Tab可以向后切换重命名的文件，直接级可以进行重命名，想反过来重命名上一个文件，可以按下组合键 Shift + Tab 。在重命名多个文件的时候非常方便。
这问题好纠结，最少来个截图啊，给你写个吧，粘过去就行，不行的话留个q，继续问
<!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<title>选项卡</title>
<style type="text/css">
::-webkit-scrollbar{width:0px}
*{ margin:0 padding:0}
ul{
list-style: none
}
.tab{
width: 600px
margin: 80px auto
}
.tab .tab_menu{
float:left
height: 138px
width: 90px
overflow-y:scroll
}
.tab .tab_menu ul{width:60px}
.tab .tab_menu ul li{
width: 60px
text-align: center
line-height: 30px
}
.tab .tab_menu ul li:last-child{
border-right:none
width:60px
}
.tab .tab_menu ul li.on{
background: #999
}
.tab_box{float:left}
.tab .tab_box > div{
width: 300px
height: 138px
border:1px solid #6cf
display: none //将三个内容框架全隐藏，通过下面的:first-child属性只将第一个框架内容显示出来
}
.tab .tab_box > div:first-child{
display: block
}
</style>
</head>
<body>
<!--整体构局说明，用ul完成按钮的横向布局，用div完成三个内容框架的垂直布局（类似于类表），然后将三个内容框架全隐藏，通过下面的:first-child属性只将第一个框架内容显示出来-->
<div class="tab">
<div class="tab_menu">
<ul>
<li class="on">实事</li>
<li>政治</li>
<li>体育</li>
<li>实事</li>
<li>政治</li>
<li>体育</li>
<li>实事</li>
<li>政治</li>
<li>体育</li>
<li>实事</li>
<li>政治</li>
<li>体育</li>
</ul>
</div>
<div class="tab_box">
<div>实事内容</div>
<div>政治内容</div>
<div>体育内容</div>
<div>实事内容</div>
<div>政治内容</div>
<div>体育内容</div>
<div>实事内容</div>
<div>政治内容</div>
<div>体育内容</div>
<div>实事内容</div>
<div>政治内容</div>
<div>体育内容</div>
</div>
</div>
<script type="text/javascript" src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(".tab_menu ul li").click(function(){
$(this).addClass("on").siblings().removeClass("on") //切换选中的按钮高亮状态
var index=$(this).index() //获取被按下按钮的索引值，需要注意index是从0开始的
$(".tab_box > div").eq(index).show().siblings().hide() //在按钮选中时在下面显示相应的内容，同时隐藏不需要的框架内容
})
})
</script>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）