关于javascript大师的信息

求JS大师.关于tab标签

!DOCTYPE html

html

    

head

meta http-equiv="Content-Type" content="text/html; charset=UTF-8"

script type="text/javascript" src="../js/lib/jquery-1.11.1.min.js"/script

titlejquery选项卡/title

style type="text/css"

ul,li{margin:0;padding:0;list-style:none;}

a{outline:none;}

#tabWrap{width:401px;margin:0 auto;overflow:hidden;}

.tabTitle{width:400px;border-right:1px solid #50afae;overflow:hidden;}

.tabTitle li{float:left;width:99px;text-align:center;padding:5px 0;

    border:1px solid #50afae;border-right:none;cursor:pointer;}

.tabTitle li.active{background:#009ccf;border-color:#009ccf;}

.tabTitle a{text-decoration:none;}

.tabTitle .active a{color:#fff;text-decoration:none;}

.tabCon{width:399px;overflow:hidden;border:1px solid #009ccf;border-top:none;}

.tabCon li{overflow:hidden;padding:5px;display:none;}

/style

script type="text/javascript"

$(function(){

    $("#tabWrap .tabTitle li").each(function(i,obj){

        $(obj).unbind('click').click(function(){

            $("#tabWrap .tabTitle li").each(function(){

                if($(this).hasClass('active')){

                    $(this).removeClass('active');

                }

            });

            $("#tabWrap .tabCon li").each(function(){

                $(this).hide();

            });

            $(obj).addClass('active');

            $("#tabWrap .tabCon li").eq(i).show();

        });

    });

})

/script

/head

    

body

    div id="tabWrap"

        ul class="tabTitle"

            li class="active"a href="###"tab1/a/li

            lia href="###"tab2/a/li

            lia href="###"tab3/a/li

            lia href="###"tab4/a/li

        /ul

        ul class="tabCon"

            li style="display:block;"tab1内容tab1内容tab1内容tab1内容tab1内容tab1内容tab1内容/li

            litab2tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2/li

            litab3tab3tab3tab,3tab3tab3 tab3tab3tab3tab3tab 3tab3tab3/li

            litab4tab4tab4tab4tab4tab4tab4/li

        /ul

    /div

/body

/html

jquery文件需要自己下一个重新引用一下

相关问答

Q1: 请教大师们,JavaScript自动生成的菜单,百度会搜到里面的内容吗

理论上会的。只是不利于检索。效果没有直接的html好。

不过现在的搜索引擎已经越来越智能了。只要内容好，不用太担心格式问题

Q2: 需要JavaScript大师的帮忙

最简单的办法自然是遍历，不过适当的分析题意可以提升效率，同时也提高自己的分析水平。

我对这个问题的思路是根据题意，居中的数字可以与4组数字组合成15，就是米字型，4角分别与3组数字组合成15，其他的则与两组数字组合为15，也就是得到如下的结论：

5是核心，2，4，6，8为4角，1，3，7，9占据其他位置。然后进一步推算获取其具体位置。

但是这种解法和遍历法有巨大的不同，就是遍历可以获得所有的组合结果，但是本解法在得到第一个解后就不再执行了。代码附录

var arr = [1,2,3,4,5,6,7,8,9];

var values = []; //能够结合成15的3个数字的全排列，结果是[[1, 5, 9], [1, 6, 8], [2, 4, 9], [2, 5, 8], [2, 6, 7], [3, 4, 8], [3, 5, 7], [4, 5, 6]]

for(var i = 0, l = arr.length; i  l; i ++) {

  var a = arr.shift();

  for (var j = 0, lj = arr.length; j  lj; j++) {

    var b = arr[j];

    for (var j2 = 0, lj2 = arr.length; j2  lj2; j2++) {

      if (j2  j  a + b + arr[j2] == 15) {

        values.push([a, b, arr[j2]]);

      }

    }

  }

}

var countTime = {};//计算每个数字出现的次数

for (var i = 0, l=values.length; i  l; i ++) {

  for (var j = 0, lj = values[i].length; j  lj; j++ ) {

    if (! countTime[values[i][j]]) countTime[values[i][j]] = 1;

    else countTime[values[i][j]]++;

  }

}

var features = {is4:[],is3:[], is2:[]}; //得到

for (var i in countTime) {

  if (countTime[i] == 4) features.is4.push(i); //5

  if (countTime[i] == 3) features.is3.push(i); // 2, 4, 6, 8

  if (countTime[i] == 2) features.is2.push(i); // 1, 3, 7, 9

}

var k = parseInt(features.is4[0], 10)

var results = [[0,0,0],[0,k,0],[0,0,0]]; //核心数字此时已经求出

//固定4边（当然也可以先固定四角），推演证明先手固定的4个数字的位置不重要

for (var i = 0, l = features.is2.length;i  l;i++) {

  var a = parseInt(features.is2[i], 10);

  for(var j = 0, lj = features.is2.length;j  lj;j++) {

    var b = parseInt(features.is2[j], 10);

    if (j  i  a + b + k == 15) {

      if (results[0][1]) {

        results[1][0] = a;

        results[1][2] = b;

      } else {

        results[0][1] = a;

        results[2][1] = b;

      }

    }

  }

}

//在5个数字位置固定的情况下遍历出结果

var l = features.is3.length;

for (var i1 = 0; i1  l; i1 ++) {

  var a = parseInt(features.is3[i1], 10);

  for (var i2 = 0; i2  l; i2 ++) {

    if (i2 != i1) {

      var b = parseInt(features.is3[i2], 10);

      for (var i3 = 0; i3  l; i3 ++) {

        if (i3 != i1  i3 != i2) {

          var c = parseInt(features.is3[i3], 10);

          for (var i4 = 0; i4  l; i4 ++) {

            if (i4 != i1  i4 != i2  i4 != i3) {

              var d = parseInt(features.is3[i4], 10);

              if (a + results[0][1] + b == 15) {

                if (a + results[1][0] + c == 15) {

                  if (b + k + c == 15) {

                    results[0][0] = a;

                    results[0][2] = b;

                    results[2][0] = c;

                    results[2][2] = d;

                  }

                }

              }

            }

          }

        }

      }

    }

  }

}

console.log(results);

打印结果为[[8, 1, 6], [3, 5, 7], [4, 9, 2]]