通常的tab选项卡有以下几种类型:
- 滑过切换
- 点击切换
- 延迟切换
- 自动切换
写标签栏时,左右边框是1px,最外层有1像素边框时候,通常将内部的标签栏宽度设置为:最外层宽度+单边框,且使用绝对定位,向左移动单边框的距离,代码如下:
.notice {
width: 298px;
height:98px;
margin: 10px;
border: 1px solid #eee;
overflow: hidden;
} //标签栏
.notice-tit ul {
position: absolute;
top:0;
left: -1px;
width: 301px;
}
关于延迟切换中this的问题,延迟使用setTimeout来实现,但是在setTimeout中this指向的是windows对象,如需要使用当前对象,需要另外声明变量代替,例如var _this = this;