zoukankan      html  css  js  c++  java
  • 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{
               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、结果如下图

       

  • 相关阅读:
    【Leetcode】328.奇偶链表
    【Leetcode】127.单词接龙(BFS与DFS区别)
    从ReentrantLock加锁解锁角度分析AQS
    一文解决LeetCode岛屿问题
    IIS 解决首次加载慢的问题
    IEqualityComparer<TSource> 比较规则
    C# 闭包问题 (待完善)
    两个MD5值一样的 128 byte sequences
    Windows解决忘记用户密码
    部署在阿里云上的项目收到了阿里云发送的shiro漏洞
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315716.html
Copyright © 2011-2022 走看看