关于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大师的信息
标题来源:http://ybzwz.com/article/dsidoch.html