用原生js写了个选项卡
代码如下:
Document
- tab1
- tab2
- tab3
- tab4
11111111111111111111111111111
22222222222222222222222222222
33333333333333333333333333333
44444444444444444444444444444
<script>
window.onload = function() {
var tabTitle = document.getElementById('tabTitle');
var title_li = tabTitle.getElementsByTagName('li');
var tabContent = document.getElementById('tabContent');
var tab_div = tabContent.getElementsByTagName('div');
for (var i = 0; i < title_li.length; i++) {
title_li[i].index = i;
title_li[i].onclick = function() {
for (var i = 0; i < title_li.length; i++) {
title_li[i].className = '';
tab_div[i].className = '';
}
this.className = 'titleActive';
tab_div[this.index].className = 'contentActive';
}
}
}
</script>
效果图如下: