JavaScript实现通用tab选项卡
程序员文章站
2022-03-17 13:23:03
...
选项卡在大量的网站都有应用,虽然形式各有不同,但是索要达成的目的都是一样的,一般都是为了进行分类或者节省网页空间只用,算是一件利器,下面就是一个选项卡的代码实例,通用性很强,下面就和大家分享一下。
代码实例如下:
js实现的可以通用的选项卡代码实例
- 项目一
- 项目二
- 项目三
- 类为"tab1"项目一内容,通过"click"触发
- 类为"tab1"项目二内容,通过"click"触发
- 类为"tab1"项目三内容,通过"click"触发
- 项目一
- 项目二
- 项目三
- 类为"tab1"项目一内容,通过"click"触发
- 类为"tab1"项目二内容,通过"click"触发
- 类为"tab1"项目三内容,通过"click"触发
- 项目一
- 项目二
- 项目三
- 类为"tab2"项目一内容,通过"mouseover"触发
- 类为"tab2"项目二内容,通过"mouseover"触发
- 类为"tab2""项目三内容,通过"mouseover"触发