传统与面向对象的选项卡

传统方式实现选项卡

演示地址:https://codepen.io/m-sl-one/pen/XPmewa

选项卡普通方法变型

面向对象实现选项卡:
1、先变型:
2、尽量不要出现函数嵌套函数
3、可以有全局变量
4、把onload中不是赋值的语句放到单独函数中
演示地址:https://codepen.io/m-sl-one/pen/aavVoq

用面向对象封装通用选项卡

改成面向对象:
1、全局变量就是属性
2、函数就是方法
3、Onload中创建对象
4、改this指向问题 : 事件或者是定时器,尽量让面向对象中的this指向对象
演示地址:https://codepen.io/m-sl-one/pen/RYWjrm

控制多个选项卡自动播放

演示地址:https://codepen.io/m-sl-one/pen/JaYOba

猜你喜欢

转载自blog.csdn.net/baidu_28916787/article/details/82015473
今日推荐