9×9乘法表-优快云博客

1、源码如下

multiplication.html：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <title>乘法表</title>
	
  <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('&nbsp;');
       }
       document.write('<br/>');
       document.write('<hr/>');//设置水平线
      }
    }
   
  </script>


 </head>

 <body class="body_class">
  
 </body>
</html>

2、结果如下图