在网页设计中经常要用到tab切换,遂整理了一下常用的两种方法。
先看一下示例代码:
HTML:
tab 标题一
标题二
标题三
- 内容一
- 内容二
- 内容三
两种方法的主要区别是在js代码中,第一种是给每个点击对象一个下标,方便操作:
第二种方法是通过判断点击对象与展示对象的变量值相等时,进行操作。要注意用到关键字this。
本文共 302 字,大约阅读时间需要 1 分钟。
在网页设计中经常要用到tab切换,遂整理了一下常用的两种方法。
先看一下示例代码:
HTML:
tab 标题一
标题二
标题三
两种方法的主要区别是在js代码中,第一种是给每个点击对象一个下标,方便操作:
第二种方法是通过判断点击对象与展示对象的变量值相等时,进行操作。要注意用到关键字this。
转载于:https://www.cnblogs.com/qjqcs/p/5341717.html