能套用的tab栏切换

     

效果:

在style.js文件里封装了一个Show函数，有4个参数，di（当前点击的按钮），num（按钮个数，也可以说是下面具体内容个数），divn(一个id前缀，这个例子里是ta，)，active（当前按钮的类名，可控制不同于其他按钮的个性样式），

按钮有不同id，第一个叫ta0，第二个ta1...，鼠标划入时触发Show函数，传入不同的参数，js文件里先获取到当前按钮，给他加上个性类名active（current），再获取下面的对应内容区域，给他显示，接下来就要处理那些鼠标没划入，这里用一个for循环和判断解决，“di！=i”，确保剔除掉当前按钮和内容，其他的就去掉个性类名current和内容不显示了。（可以实现多个按钮切换，也可同理编写点击事件）。