搜索到
139
篇与
1585364631
的结果
-
JavaScript实现tab键切换选项卡 JavaScript实现tab键切换选项卡{anote icon="fa-arrow-circle-right" href="http://www.000081.xyz/index.php/174-1.html" type="secondary" content="预览"/}重要的方法方法作用onclick添加点击触发事件onfocus获取焦点触发事件tabIndex添加tab键索引onblur离开焦点触发事件blur失去焦点focus设置焦点源代码<!DOCTYPE html> <html lang="zh"> <meta charset="utf8" /> <style> /* 大正方形的类 */ .box { width: 200px; height: 200px; position: absolute; float: left; line-height: 200px; text-align: center; font-size: 100px; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } /* 大正方形的类选择器 */ .box:nth-child(1) { background-color: red; } .box:nth-child(2) { display: none; background-color: wheat; } .box:nth-child(3) { display: none; background-color: blue; } .box:nth-child(4) { display: none; background-color: yellow; } /* 小正方形的类 */ .but { width: 50px; height: 50px; float: left; line-height: 50px; text-align: center; font-size: 25px; margin-top: 125px; } .but:nth-child(1) { background-color: red; } .but:nth-child(2) { background-color: wheat; } .but:nth-child(3) { background-color: blue; } .but:nth-child(4) { background-color: yellow; } .but:hover { background-color: black; color: white; } /* 最外层的，括起四个小正方形 */ ._div1 { width: 200px; height: 50px; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } </style> <head> <title>tab切换选项卡</title> </head> <body> <div id="_div" class="_div"></div> <div id="_div1" class="_div1"></div> </body> <script> //当前索引号 var now_index = 0; var create_div = []; //给定时器加上线程锁 var next_tab = true; //颜色 var color_list = ["red", "wheat", "blue", "yellow"]; //大正方形的div var _div = document.getElementById("_div"); //小正方形的div var _div1 = document.getElementById("_div1"); //批量生成大小正方形 for (var i = 0; i <= 3; i++) { create_div[i] = document.createElement("div"); create_div[i + 4] = document.createElement("div"); create_div[i].className = "box"; create_div[i + 4].className = "but"; create_div[i].innerHTML = i + 1; create_div[i + 4].innerHTML = i + 1; //正方形获得焦点或者点击事件都会触发切换函数 create_div[i + 4].onclick = qiehuan; create_div[i + 4].onfocus = qiehuan; create_div[i + 4].onblur = qiehuan; //为4个小正方形添加tab键索引 create_div[i + 4].tabIndex = i + 1; //将生成的函数加入div _div.appendChild(create_div[i]); _div1.appendChild(create_div[i + 4]); } //取生成后的大小正方形 var __div = _div.getElementsByTagName("div"); var __div1 = _div1.getElementsByTagName("div"); //默认红色小正方形为选中状态 __div1[0].style.backgroundColor = "purple"; __div1[0].style.color = "white"; __div1[0].focus(); //切换函数代码 function qiehuan() { //取索引 var index = this.innerHTML - 1; //判断是否为定时器触发的切换 if (isNaN(index)) { //当索引值为最大时候自动跳回开始 if (now_index == 3) { now_index = -1; } //索引值为下一个 index = ++now_index; //获取当前焦点 __div1[index].focus(); } else { next_tab = false; } //全局变量索引为当前索引值 now_index = index; for (var i = 0; i <= 3; i++) { if (index == i) { __div1[i].style.backgroundColor = "purple"; __div1[i].style.color = "white"; __div[i].style.display = "block"; continue; } __div[i].style.display = "none"; __div1[i].style.backgroundColor = color_list[i]; __div1[i].style.color = "black"; } } //定时器 setInterval(() => { //当线程锁激活的时候跳过 if (next_tab) { qiehuan(); } //线程锁关闭 next_tab = true; }, 3000); </script> </html> -
PHP随机生成双色球 PHP随机生成双色球输出效果 双色球抽取 .red_ball{ position: relative; float: left; width: 50px; height: 50px; border-radius: 50%; background-color: red; text-align: center; line-height: 50px; margin: 5px; font-size: 25px; color: white; } .blue_ball{ position: relative; float: left; width: 50px; height: 50px; border-radius: 50%; background-color: blue; text-align: center; line-height: 50px; margin: 5px; font-size: 25px; color: white; } 15132807310307 源代码函数解释range()生成数组array_rand()随机取数组中的几个下标或键名shuffle()打乱数组顺序rand(min,max)生成指定范围随机数<!DOCTYPE html> <html> <meta charset="utf8"/> <head> <title>双色球抽取</title> <style> .red_ball{ position: relative; float: left; width: 50px; height: 50px; border-radius: 50%; background-color: red; text-align: center; line-height: 50px; margin: 5px; font-size: 25px; color: white; } .blue_ball{ position: relative; float: left; width: 50px; height: 50px; border-radius: 50%; background-color: blue; text-align: center; line-height: 50px; margin: 5px; font-size: 25px; color: white; } </style> </head> <body> <?php //创建红球的数组范围 $red_num = range(1,33); //随机在红球范围内取出6个数 //array_rand()取的是数组的下标或者键名 $red = array_rand($red_num,6); //打乱数组顺序 shuffle($red); //输出红球 foreach($red as $i){ $ls = $red_num[$i]; if($ls<10)$ls = '0' . $ls; echo "<div class='red_ball'>$ls</div>"; } //从1-16中随机取出一个数字 $blue = rand(1,16); if($blue<10)$blue = '0' . $blue; echo "<div class='blue_ball'>$blue</div>"; ?> </body> </html>
-
JavaScript实现三目运算符、小球弹跳路程、每天吃桃子一半再吃一个总数 三目运算符：学习成绩>=90分，输出A，60-89之间输出B，60分以下输出C function tm1(s) { //如果成绩大于等于90，输出A，否则判断成绩>=60并且<=89，如果正确，输出B，否则输出C return s >= 90 ? "A" : s >= 60 && s <= 89 ? "B" : "C"; } document.write("59: " + tm1(59) + "<br>"); document.write("85: " + tm1(85) + "<br>"); document.write("90: " + tm1(90) + "<br>");输出59: C85: B90: A一个小球从100米高度自由落下，每次落地后反弹回原高度的一般，第10次小球弹跳路线共经过多少米？第十次反弹多高？ //递归法 var dq_m = 0; function tm2_1(m, s) { if (s == 1) { dq_m = m / 2; return 2 * m; } if (s == 10) { return m + tm2_1(m / 2, s - 1); } return 2 * m + tm2_1(m / 2, s - 1); } var sum = 0; sum += tm2_1(100, 10); document.write("递归法：总长：" + sum + " 高度：" + dq_m + "<br>"); //for循环 function tm2_2(m, s) { var sz = m; for (var i = 0; i < s; i++) { if (i == s - 1) { m /= 2; return "循环法：总长：" + sz + " 高度：" + m; } sz += m; m /= 2; } } document.write(tm2_2(100, 10) + "<br>");输出递归法：总长：299.609375 高度：0.09765625循环法：总长：299.609375 高度：0.09765625猴子第一天摘下若干个桃子，每天吃一半后，再吃一个，直到第十天早上就剩下一个桃子，求原来总桃子个数 //递归法 function tm3_1(x, s) { if (s == 1) { return x; } return tm3_1(2 * (x + 1), s - 1); } var sum1 = 0; sum1 += tm3_1(1, 10); document.write("递归法个数：" + sum1 + "<br>"); //循环法 function tm3_2(x, s) { for (var i = 1; i < s; i++) { x += 1; x *= 2; } return x; } document.write("循环法个数：" + tm3_2(1, 10));输出递归法个数：1534循环法个数：1534
-
centos7执行clear和top命令提示'xterm': unknown terminal type. centos7执行clear和top命令提示'xterm': unknown terminal type.[root@server ~]# clear 'xterm': unknown terminal type.解决办法临时办法(重新启动后失效)export TERM=vt100 export TEMCAP=$INFORMIXDIR/etc/termcap永久办法(去其他机子上scp -r /usr/share/terminfo文件覆盖)#另一台机 [root@centos ~]# cd /usr/share/ [root@centos share]# scp -r ./terminfo x.x.x.x:/usr/share/ root@x.x.x.x's password: #输入密码即可
-
