【文件属性】:
文件名称:es-tab:原生js tab选项卡切换
文件大小:5KB
文件格式:ZIP
更新时间:2021-03-08 11:44:05
JavaScript
原生js oop思维手撸tab选项卡
采用es3 +闭包+ OOP的思想封装tab选项卡切换;
效果图
1.目录结构
| -- my-tab
| -- inedx.html #视图
| -- js #逻辑代码
| -- my-tab.js #核心代码模块
| -- tpl.js #模板相关模块
2.代码
2.1 index.html
<!DOCTYPE html >
< html >
< head >
< meta charset =" utf-8 " >
< title > </ title >
< style >
# my-tab {
width : 500 px ;
height : 500 px ;
【文件预览】:
es-tab-master
----README.md(5KB)
----inedx.html(1KB)
----js()
--------my-tab.js(3KB)
--------tpl.js(901B)