js里tab标签问题,请大神们帮忙

JavaScript026

js里tab标签问题,请大神们帮忙,第1张

JS这样写: function _nav(name, id, total, dv) {

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>