<!doctypehtml>
<html><head><metacharset="UTF-8"/><title>九九乘法表</title><styletype="text/CSS">body{font-size:12px;font-family:"微软雅黑";color:#666;}table{margin-top:50px;}tabletd{border:1pxsolid#ccc;font-size:14px;padding:5px;}tabletd:hover{background:#141414;color:#fff;cursor:pointer;}h1{text-align:center;height:50px;}.control{width:300px;height:30px;position:absolute;top:50px;right:20px;}#number{height:20px;outline:none;}#btn{width:60px;height:26px;border:0;border-radius:03px3px0;outline:none;cursor:pointer;}</style></head><body><h1>非常有趣的九九乘法表</h1><div><inputtype="text"id="number"/><inputtype="button"onclick="change(this)"value="更换"id="btn"/></div><hr/><divid="box"></div><scripttype="text/javascript">gb_changfabiao(9);//循环打印乘法表functiongb_changfabiao(number){varhtml="<table>";for(vari=1;i<=number;i++){html+="<tr>";for(varj=1;j<=i;j++){html+="<td>"+j+"*"+i+"="+(i*j)+"</td>";}html+="</tr>";}html+="</table>";document.getElementById("box").innerHTML=html;}//获取numberfunctionchange(obj){varnumber=document.getElementById("number").value;if(number==""||number<=0||isNaN(number)){returngb_changfabiao(9);}gb_changfabiao(number);}//回车确认document.onkeydown=function(e){if(!e)e=window.event;if((e.keyCode||e.which)==13){document.getElementById("btn").click();}}</script></body></html>新闻热点
疑难解答
