非常有趣的九九乘法表

王朝学院·作者佚名  2016-05-24
窄屏简体版  字體: 小  |  中  |  大  |  超大  

非常有趣的九九乘法表<!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>

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航