主要介绍了JS将滑动门改为选项卡（需鼠标点击）的实现方法,涉及Javascr ipt页面元素遍历及样式替换的相关技巧,再通过onmouseover与onclick即可分别实现滑动门与选项卡两种效果,需要的朋友可以参考下

本文实例讲述了JS将滑动门改为选项卡（需鼠标点击）的实现方法。分享给大家供大家参考。具体如下： 大家都知道，滑动门和选项卡在布局和结构方面几乎是一样的，唯一不同的是触发方式，这个是由Javascr ipt决定的，大致来讲就是将onmouseover改为onclick就行了，本款选项卡以前是款比较流行的滑动门，现在改成了选项卡，大家看看有什么区别。 运行效果截图如下： 在线演示地址如下： http://demo.jb51.net/js/2015/js-hdm-2-nav-tab-style-de