js基础--选项卡切换效果

在网页中页面布局中，选项卡切换效果非常常见，节省版面位置，标题对用内容一目了然。这里用刚学到的js实现这个类似的简单效果--日历，点击不同的月份选项卡，显示不同的月主题活动。

页面布局：

js:获取元素，每月活动内容用数组保存，方便用index下标获取不用的值。

---

给每一个月份绑定点击事件，添加选中样式，并改变活动内容。

这里先用到了一个清除样式函数（clearClass()），可以每次点击新的选项后清除上一个选项卡样式，这样效果就出来啦。

以上是用面向过程的写法，下面再用面向对象写法改造：