- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- <html>
- <head>
- <title>乘法表</title>
- <span style="white-space:pre"> </span>
- <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
- <meta http-equiv="description" content="this is my page">
- <meta http-equiv="content-type" content="text/html; charset=UTF-8">
- <script type="text/javascript" src="Scripts/jquery-2.0.2.js"></script>
- <style type="text/css">
- .body_class{
- width:50%;
- height: 60%;
- font-size: 16px;
- background-color: #FFE4E1;
- font-family: serif sans-serif cursive fantasy;
- font-weight: bold;
- }
- </style>
- <script type="text/javascript">
- $(function(){
- //调用乘法表函数
- mulTable();
- //设置整体背景色
- $("*").css("background-color","#FFE4E1");
- //设置宽度
- $("*").css("width","100%");
- //设置字体大小
- $("*").css("font-size","24px");
- //设置字体粗细
- $("*").css("font-weight","bold");
- //设置字体颜色
- $("*").css("color","#000800");
- });
- function mulTable(){
- var one;//乘数
- var two;//被乘数
- for(one=1;one<=9;one++)
- {
- for(two=1;two<=one;two++)
- {
- document.write(one);
- document.write('*');
- document.write(two);
- document.write('=');
- document.write(one*two);
- document.write(' ');
- }
- document.write('<br/>');
- document.write('<hr/>');//设置水平线
- }
- }
- </script>
- </head>
- <body class="body_class">
- </body>
- </html>
9 9乘法表
最新推荐文章于 2019-06-25 20:37:34 发布