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