搜索到
19
篇与
html5
的结果
-
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 -
PHP数组订单 PHP数组订单 table{ text-align: center; } td{ text-align: center; width: 200px; } PHP数组订单 订单 物品价格地方数量小计主板379广东31137显卡799上海21598硬盘589北京52945总计：5680 <!DOCTYPE html> <meta charset="utf-8" /> <head> <style> table{ text-align: center; } td{ text-align: center; width: 200px; } </style> <title>PHP数组订单</title> <?php $title = array('物品','价格','地方','数量','小计'); $goods = array( array('name'=>'主板','price'=>'379','producing'=>'广东','num'=>3), array('name'=>'显卡','price'=>'799','producing'=>'上海','num'=>2), array('name'=>'硬盘','price'=>'589','producing'=>'北京','num'=>5), ); echo "<table border='1'><tr> <th colspan='5'>订单</th> </tr><tr>"; foreach($title as $i => $ii){ echo "<td>$ii</td>"; } echo "</tr>"; $sum_price = 0; foreach($goods as $i => $ii){ echo "<tr>"; foreach($ii as $j => $k){ echo "<td>$k</td>"; if($k == end($ii)) { $small_price = $ii['price'] * $ii['num']; $sum_price+=($small_price); echo "<td>$small_price</td>"; } } echo "</tr>"; } echo "<tr><td colspan='5'>总计：$sum_price</td></tr></table>"; ?> </head> </html>
-
JavaScript实现网页计算器功能 JavaScript实现网页计算器功能 * { border: 0px; box-sizing: inherit; } table { text-align: center; border: 5px solid black; } th { text-align: center; border: 1px solid black; width: 50px; height: 50px; } td { text-align: center; border: 1px solid black; width: 50px; height: 50px; } 计算器 + - * / 7 8 9 c 4 5 6 ← 1 2 3 ( 0 . = ) var compute_text = []; //输入内容 var fuhao = ["+", "-", "*", "/", "(", ")"]; //符号栈 //表格值 var but = [ "+", "-", "*", "/", "7", "8", "9", "c", "4", "5", "6", "←", "1", "2", "3", "(", "0", ".", "=", ")", ]; // 生成按钮和点击函数 var _td = document.getElementsByTagName("td"); for (var i = 0; i
-
JavaScript绘制立体面环形旋转 JavaScript绘制立体面环形旋转{anote icon="fa-arrow-circle-right" href="http://www.000081.xyz/index.php/118-1.html" type="secondary" content="预览"/}<!DOCTYPE html> <html> <head> <meta charset="utf8" /> <title>立体布局</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; border: 0; } /* 加入远近关系，使画面更真实，防止两边旋转90度面不显示 */ body { perspective: 1000px; } .box { width: 200px; height: 200px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; transform-style: preserve-3d; transform: rotate3d(1, 0, 0, -30deg); animation: donghua 5s 0.2s linear infinite; /* 加入远近关系之后，增加距离顶部高度 */ margin-top: 200px; } @keyframes donghua { 0% { transform: rotateX(0); } 100% { transform: rotateX(360deg); } } .box div { width: 100px; height: 200px; font-size: 5em; text-align: center; position: absolute; line-height: 200px; } </style> </head> <body> <div class="box" id="box"></div> <script> function getcolor() { var _color = [ "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f", ]; var cache_text = "#"; for (var i = 0; i < 6; i++) { cache_text += _color[parseInt(Math.random() * 16)]; } return cache_text; } var _box = document.getElementById("box"); for (var i = 0; i <= 12; i++) { _box.innerHTML += "<div></div>"; } var _div = _box.getElementsByTagName("div"); var _text = [ "☯", "子", "丑", "寅", "卯", "辰", "巳", "午", "未", "申", "酉", "戌", "亥", ]; for (var i = 0; i <= 12; i++) { _div[i].innerHTML = _text[i]; _div[i].style.background = getcolor(); _div[i].style.transform = "rotateY(" + i * 30 + "deg) translateZ(200px) "; if (i == 0) { _div[i].style.border = "10px solid red"; _div[i].style.transform = ""; } } function changecolor() { for (var i = 0; i <= 13; i++) { if (i == 0) _div[i].style.border = "10px solid " + getcolor(); _div[i].style.backgroundColor = getcolor(); } } setInterval(() => { changecolor(); }, 100); </script> </body> </html>
-
html5+JavaScript使用表单实现输入两个数，单击相乘或相加，输出不同结果 html5+JavaScript使用表单实现输入两个数，单击相乘或相加，输出不同结果{anote icon="fa-arrow-circle-right" href="http://www.000081.xyz/index.php/106-1.html" type="secondary" content="预览"/}index.html<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> #t1,#t2{ width: 50px; height: 50px; } </style> </head> <body> <form action="form.html" method="get"> <input type="text" id="t1" name="num1"/> <input type="text" id="t2" name="num2"/><br /> <input type="submit" id="b1" value="+" name='fuhao'/> <input type="submit" id="b2" value="*" name='fuhao'/> </form> </body> </html> form.html<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <script> window.onload=function(){ var nr = window.location.search.substring(1).split('&'); if(nr[2].split('=')[1]=='%2B'){ document.write(parseInt(nr[0].split('=')[1]) + parseInt(nr[1].split('=')[1])) return false } document.write(parseInt(nr[0].split('=')[1]) * parseInt(nr[1].split('=')[1])) } </script> </html>
