JS脚本写个TAB切换代码，JS初学者求大神解答

答案:1 悬赏:20 手机版

解决时间 2021-02-28 10:49

提问者网友：嗝是迷路的屁
2021-02-27 14:29

最佳答案

五星知识达人网友：愁杀梦里人
2021-02-27 15:06

JS的TAB切换

* {
margin: 0px;
padding: 0px;
list-style-type: none;
}

.tabs {
margin: 10px;
height: 98px;
width: 298px;
border: 1px solid #eee;
overflow: hidden;
}

.caption {
height: 27px;
position: relative;
background-color: #F7F7F7;
}

.caption ul {
position: absolute;
width: 301px;
left: -1px;
}

.caption li {
line-height: 26px;
background-color: #F7F7F7;
text-align: center;
float: left;
height: 26px;
width: 58px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #eee;
overflow: hidden;
padding: 0 1px;
}

.caption li.select {
background-color: #FFFFFF;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #FFFFFF;
border-left-color: #eee;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #eee;
padding: 0px;
font-weight: bold;
}

.caption li a {
font-size: 14px;
color: #000000;
text-decoration: none;
}

.caption li a:hover {
font-size: 14px;
color: #000000;
text-decoration: none;
}

#content {
width: 300px;
height: 200px;
position: absolute;
left: 4px;
top: 37px;
}

.con ul {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 19px;
}

.con ul li {
float: left;
height: 23px;
width: 134px;
overflow: hidden;
}

.con ul li a {
font-size: 12px;
color: #000000;
text-decoration: none;
}

.con ul li a:hover {
color: #FF0033;
text-decoration: underline;
}

公告
经验
论坛
前端
脚本

列列列列列列列列列列
列列列列列列列列列列
列列列列列列列列列列
列列列列列列列列列列

刚刚刚刚刚刚刚刚刚刚
刚刚刚刚刚刚刚刚刚刚
刚刚刚刚刚刚刚刚刚刚
刚刚刚刚刚刚刚刚刚刚

典典典典典典典典典
典典典典典典典典典典
典典典典典典典典典典
典典典典典典典典典典

五五五五五五五五五五
五五五五五五五五五五
五五五五五五五五五五
五五五五五五五五五五

新新新新新新新新新
新新新新新新新新新
新新新新新新新新新
新新新新新新新新新

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！