非常に興味深い掛け算表_html/css_WEB-ITnose
Jun 24, 2016 am 11:44 AM
<!doctype html>
< html >
<頭＞
<メタ charset = "UTF-8" />
< title >九九乘法表</ title >
< style type = "text/css" >
body{font-size: 12px;font-family: "微软雅黑";color: #666;}
table{margin-top: 50px;}
table td{border:1px solid #ccc;font -size: 14px;padding: 5px;}
table td: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: 0 3px 3px 0;outline: none;cursor: pointer;}
</ style >
</頭>
<本体＞
< h1 > 非常に興味深い九九乘法表</ h1 >
<ディビジョン >
< input type = "text" id = "number" />< input type = "button" onclick = "change(this)" value = "更换" id = "btn" />
</ div >
< div id = "ボックス" ></ div >
<スクリプトタイプ = "text/javascript" >
gb_changfabiao(9);
//循環打印乘法表
function gb_changfabiao(number){
var html = "< table >";
for(var i = 1; i <= number; i++){
html += "< tr >";
for(var j = 1; j <=i; j++){
html += "< td >" + j + "*" + i + "=" + (i*j) + "</ td >";
}
html += "</ tr >";
}
html += "</ table >";
document.getElementById("box").innerHTML = html;
}
//获取番号
function change(obj){
var number = document.getElementById("number").value;
if(number == ""|| number <= 0 || isNaN(number)){
return gb_changfabiao(9);
}
gb_changfabiao(数値);
}}//if((e.keyCode || e.that) == 13){
document.getElementById("btn").click();
}
}
</ スクリプト >
</ボディ>
</html>
人気の記事
人気の記事
ホットな記事タグ
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7308
9
1623
14
1344
46
1259
25
1207
29
公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？
Mar 04, 2025 pm 12:32 PM
公式アカウントのキャッシュの更新の難しさ：バージョンの更新後のユーザーエクスペリエンスに影響を与える古いキャッシュを回避する方法は？
HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか？
Mar 17, 2025 pm 12:27 PM
HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか？
＆lt; iframe＆gt;の目的は何ですか タグ？使用する際のセキュリティ上の考慮事項は何ですか？
Mar 20, 2025 pm 06:05 PM
＆lt; iframe＆gt;の目的は何ですか タグ？使用する際のセキュリティ上の考慮事項は何ですか？
IFramesを使用することのセキュリティへの影響は何ですか？また、どのようにそれらを軽減できますか？
Mar 18, 2025 pm 02:51 PM
IFramesを使用することのセキュリティへの影響は何ですか？また、どのようにそれらを軽減できますか？
