for (var i = 1i <= totali++) {
document.getElementById(name + i).className = 'item item1'
}
dv.className = 'item item1 selected'
}
下面body里面onclick="_nav('nav_s',1,4,this)",传一个this参数
用jquery的话就一句代码 $(dv).addClass('selected').siblings().removeClass('selected')就传一个this就行了,不过一般不会把onclick写到html标签中
1、用绝对定位。把所有tab选项卡重叠放到一个位置,显示其中一个的同时,隐藏其他的2、用浮动。所有tab选项卡放到同一行,设置左浮动,把选项卡的父级设置溢出隐藏和相对定位,监听点击事件判断要切换到哪个选项卡,进行偏移。
tab标签生成:首先用css定义一个框架;
然后用div调用出来css定义的这个框架;
js是用来实现tab切换效果的。
可以百度搜索一下tab素材或者选项卡素材。
有很多相关素材的,
js和css可以写在当前页面,也可以分开调用;
一般分开来会比较好管理一些。
例:
<html>
<head>
<style>.tab{width:300px0height:100px}</style>
</head>
<body>
<div class="tab">内容</div>
<script>function{}</script>
</body>
</html>