本文目录一览：
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');
});
