选项卡js代码中（js选项卡css）

本文目录一览：

• 1、JS 代码根据时间优先显示某个选项卡
• 2、选项卡JS代码中 为什么要给这个LI的数组重新定义索引
• 3、js选项卡问题，我做了个js选项卡，其代码如下

JS 代码根据时间优先显示某个选项卡

1.每个li 加个属性 data-vt=”” 值是一个时间字符串，表示此时间前就显示它。

2.js获取当前时间.按顺序，从序号0,循环 li 读取 data-vt的属性值。比较当前时间小于data-vt就显示，终止循环。若是循环完还没有合适的，就显示第一个即可。

注意比较时间，是比较时间的时分秒，不要把年月日算进去。

选项卡JS代码中 为什么要给这个LI的数组重新定义索引

亲，不重新定义索引你怎么知道当前点击的是哪个，又怎么通过当前点击的去控制对应显示的那个内容，你不用添加一个index索引属性，你能做出来效果吗

js选项卡问题，我做了个js选项卡，其代码如下

。。。。。。。。。。。。

无语中先。

现在不流行这种代码了啊

html:

div class=”navs”

  a href=”javascript:” class=”nav”title 1/a

  a href=”javascript:” class=”nav”title 2/a

  a href=”javascript:” class=”nav”title 3/a

/div

div class=”contents”

  div class=”con”content 1/div

  div class=”con”content 2/div

  div class=”con”content 3/div

/div

js:

function tab(navs , contents , active){

  navs.on(‘mouseover’ , function(){

    var nav = $(this);//得到当前点击的标题

    var index = nav.index();//得到它是第几个标题

    //把自己的样式设置，并且移除其它同辈标题的样式

    nav.addClass(active).siblings().removeClass(active);

    //把自己对应的内容显示，并且隐藏其它同辈的内容

    contents.eq(index).show().siblings().hide();

  });

}

//注意，这个需要用到jquery，任意版本都可以

$(function(){

  tab($(‘.navs .nav’) , $(‘.contents .con’) , ‘this_zzjs’);

  //这个代码可以同时给多个代码生效，比如

  //tab($(‘.navs2 .nav’) , $(‘.contents2 .con’) , ‘activeClass’);

});