Web前端课程必学:经典简洁css tab滑动选项卡菜单特效，下面为大家举个小小的栗子。

JS代码

function doClick(o){

    o.className="nav_current";

    var j;

    var id;

    var e;

    for(var i=1;i

    

        DIVCSS5

        CSS教程

        html教程

        CSS资源

    

    

        欢迎来到DIVCSS5！

         CSS基础

CSS入门

        

         Html基础

html入门

        

         CSS入门

CSS Hack

CSS模块特效

CSS工具

        

    

注意观察规律，li里的class与id以及对应选项卡class和id变化规律，根据需求增减。

nav1、nav2、nav3、nav4对应sub1、sub2、sub3、sub4

class="nav_current" 与class="nav_link"多少关系，class="dis"与 class="undis"设置

此tab选项卡特效非常经典与非常简单，CSS与JS代码及其少，而HTML结构也非常简单，大家使用时候可根据需求修改样式和图片背景得到自己需要选项卡滑动菜单特效。

如果大家觉得不够详细，请到腾讯课堂或者百度传课搜索海文IT教育，即可观看免费视频。讲解的更透彻。

更多精彩课程，尽在上海海文信息技术有限公司，http://www.oracleoaec.net/。