我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

关于javascript大师的信息

求JS大师.关于tab标签

!DOCTYPE html

成都创新互联公司是专业的五峰网站建设公司,五峰接单;提供网站建设、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行五峰网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

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文件需要自己下一个重新引用一下

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

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

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

需要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]]


名称栏目:关于javascript大师的信息
网站URL:http://mswzjz.cn/article/dsidoch.html

其他资讯