選項卡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’);

});