求JS大師.關(guān)于tab標(biāo)簽

!DOCTYPE?html

成都創(chuàng)新互聯(lián)公司是專業(yè)的五峰網(wǎng)站建設(shè)公司，五峰接單;提供網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行五峰網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

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選項(xiàng)卡/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內(nèi)容tab1內(nèi)容tab1內(nèi)容tab1內(nèi)容tab1內(nèi)容tab1內(nèi)容tab1內(nèi)容/li

litab2tab2tab2tab2tab2tab2tab2tab2tab2tab2tab2/li

litab3tab3tab3tab,3tab3tab3?tab3tab3tab3tab3tab?3tab3tab3/li

litab4tab4tab4tab4tab4tab4tab4/li

/ul

/div

/body

/html

jquery文件需要自己下一個(gè)重新引用一下

請(qǐng)教大師們,JavaScript自動(dòng)生成的菜單,百度會(huì)搜到里面的內(nèi)容嗎

理論上會(huì)的。只是不利于檢索。效果沒(méi)有直接的html好。

不過(guò)現(xiàn)在的搜索引擎已經(jīng)越來(lái)越智能了。只要內(nèi)容好，不用太擔(dān)心格式問(wèn)題

需要JavaScript大師的幫忙

最簡(jiǎn)單的辦法自然是遍歷，不過(guò)適當(dāng)?shù)姆治鲱}意可以提升效率，同時(shí)也提高自己的分析水平。

我對(duì)這個(gè)問(wèn)題的思路是根據(jù)題意，居中的數(shù)字可以與4組數(shù)字組合成15，就是米字型，4角分別與3組數(shù)字組合成15，其他的則與兩組數(shù)字組合為15，也就是得到如下的結(jié)論：

5是核心，2，4，6，8為4角，1，3，7，9占據(jù)其他位置。然后進(jìn)一步推算獲取其具體位置。

但是這種解法和遍歷法有巨大的不同，就是遍歷可以獲得所有的組合結(jié)果，但是本解法在得到第一個(gè)解后就不再執(zhí)行了。代碼附錄

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

var?values?=?[];?//能夠結(jié)合成15的3個(gè)數(shù)字的全排列，結(jié)果是[[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?=?{};//計(jì)算每個(gè)數(shù)字出現(xiàn)的次數(shù)

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]];?//核心數(shù)字此時(shí)已經(jīng)求出

//固定4邊（當(dāng)然也可以先固定四角），推演證明先手固定的4個(gè)數(shù)字的位置不重要

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個(gè)數(shù)字位置固定的情況下遍歷出結(jié)果

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);

打印結(jié)果為[[8, 1, 6], [3, 5, 7], [4, 9, 2]]

標(biāo)題名稱：關(guān)于javascript大師的信息
網(wǎng)頁(yè)URL：http://chinadenli.net/article29/dsidoch.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、關(guān)鍵詞優(yōu)化、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)公司、微信小程序、全網(wǎng)營(yíng)銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)