精华内容
下载资源
问答
  • HTML九九乘法表
    千次阅读
    2019-04-16 18:51:26

    在这里插入图片描述
    会变颜色的九九乘法表哦!

    代码:

    <!DOCTYPE html>
    <html>
    <head>
    	<meta charset="utf-8">
    	<title>九九乘法表</title>
    	<style type="text/css" media="screen">
    		div{display: inline-block;width: 70px;height: 20px;text-align: center;background: white;margin-left: 20px;margin-top: 10px;}
    	</style>
    </head>
    <body>
    
    </body>
    	<script type="text/javascript">
    		setTimeout("location=location; ", 5000);//每几秒刷新一回页面  
    		// 放在函数体内每几秒调用一会函数(前提,函数已经被调用过一回)setTimeout("函数名", 5000);
    
    		//随机颜色函数
    		function se(){
    			var a = "#";
    			for(var i = 0;i<6;i++){
    				a += Math.floor(Math.random()*16).toString(16);
    			}
    			return a;
    		}
    
    		//循环体
    		for(var i = 1; i < 10;i++){
    			for(var j = 1; j <= i;j++){
    				document.write("<div style='color:"+se()+";'>"+j+"x"+i+"="+i*j+"</div>")
    			}
    			document.write("<br>")
    		}
    	</script>
    </html>
    
    更多相关内容
  • 九九乘法表.html

    2019-05-17 10:54:16
    九九乘法表作为js入门的经典案例,可以帮助我们快速了解for循环的语法和基本的dom操作,希望可以帮助到大家
  • 九九口诀乘法表.html

    2019-11-06 09:32:08
    简单示例的HTML代码,方便初学者的学习和应用,希望有所帮助。
  • span实现的乘法表</title> <style type="text/css"> .wrap { width: 800px; margin: 20px auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: ...
  • 九九乘法表php代码

    2018-11-29 10:42:17
    学习php第一天,自己写的九九乘法表php代码,希望对新手有所帮助。
  • HTML做一个九九乘法表

    2021-12-13 14:56:46
    九九乘法表 如下图: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>九九乘法表</title> <h2>九九乘法表</h2> <br/&...
                                   九九乘法表
    

    如下图:
    在这里插入图片描述
    代码如下:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title>九九乘法表</title>
    		<h2>九九乘法表</h2>
    		<br/>
    	</head>	
    	<body>
    		<script language="JavaScript">
    			function mine()
    			{
    				for(i=1;i<=9;i++)
    				{
    					for(j=1;j<=i;j++)
    					{
    						document.write(j+"*"+i+"="+j*i+"&nbsp "+" &nbsp");
    					}
    				document.write("<br/>")
    				}	
    				
    			}
    			mine();
    		</script>
    	</body>
    </html>
    
    
    展开全文
  • HTML九九乘法表的灵活应用

    万次阅读 2017-02-03 11:19:55
    九九乘法表是一个每个人都会的算法表,在生活中我们也会经常的用到这个算法表,所以今天就写了下在HTML里面怎么生成九九乘法表和怎么灵活应用,显示时生成不同的效果。 一、默认生成 效果图如下: HTML页面的...

    九九乘法表是一个每个人都会的算法表,在生活中我们也会经常的用到这个算法表,所以今天就写了下在HTML里面怎么生成九九乘法表和怎么灵活应用,显示时生成不同的效果。

    一、默认生成

    效果图如下:


    HTML页面的代码如下:

    <html>
    <head>
    <title>九九乘法表</title>
    <style type="text/css">  
    table{  
        width:600px;  
        border-collapse:collapse;  
        }  
    table th{  
        border:red 1px solid  ;
        }  
    </style> 
    </head>
    <body align="center">  
    <script type="text/javascript">  
    //通过生成一个表格,在每个格子里面输出
    document.write("<table>");   
    //运用2层for循环来进行
    for (var x = 1; x <= 9; x++)  
    {  
        document.write("<tr>");  
        for (var y = 1; y <= x; y++)  
        {  
            document.write("<th>"+y+"*"+x+"="+y*x+"</th>");  
    		 
        }  
    }  
    document.write("</table>");
    </script>  
    </body>
    </html>
    二、倒过来生成

    效果图如下:


    HTML页面的代码如下:

    <html>
    <head>
    <title>九九乘法表</title>
    <style type="text/css">  
    table{  
        width:600px;  
        border-collapse:collapse;  
        }  
    table td{  
        border:blue 1px solid ;
    	font-weight:bold;
    	text-align:center;
        }  
    </style> 
    </head>
    <body align="center">  
    <script type="text/javascript">  
    //通过生成一个表格,在每个格子里面输出
    document.write("<table>");   
    //在第一层for循环里面进行2个for循环
    for (var x = 9; x>=1; x--)  
    {  
        document.write("<tr>"); 
    	//这层是循环输出空格子的
    	for(var i=1;i<10-x;i++){
    		 document.write("<th></th>");  
    	}	
    	//再倒过来输出
    		for (var y = x; y>=1; y--)  
    		{  
    		
            document.write("<td>"+y+"*"+x+"="+y*x+"</td>");   
        }  
    }  
    document.write("</table>");
    </script>  
    </body>
    </html>
    三、2种结合显示。

    效果图如下:


    HTML页面的代码如下:

    <html>
    <head>
    <title>九九乘法表</title>
    <style type="text/css">  
    table{  
        width:600px;  
        border-collapse:collapse;  
        }  
    table th{  
        border:red 1px solid  ;
        }  
    table td{  
        border:blue 1px solid ;
    	font-weight:bold;
    	text-align:center;
        }  
    </style> 
    </head>
    <body align="center">  
    <script type="text/javascript">  
    //通过生成一个表格,在每个格子里面输出
    document.write("<table>");   
    //在第一层for循环里面进行2个for循环
    for (var x = 1; x <= 9; x++)  
    {  
        document.write("<tr>");  
    	//第1个for循环,默认显示
        for (var y = 1; y <= x; y++){  
            document.write("<th>"+y+"*"+x+"="+y*x+"</th>");   
        }  
    	//第2个for循环倒过来
    	 for (var i = x+1; i <=9; i++)  {
    		document.write("<td>"+i+"*"+x+"="+i*x+"</td>");  
    	}
        document.write("</tr>");  
    }  
    document.write("</table>");
    </script>  
    </body>
    </html>


    展开全文
  • 九九乘法表ul,li{margin: 0;padding: 0;list-style-type: none;}span{display: inline-block;width: 100px;height: 30px;font-size: 16px;text-align: center;border: 1px solid green;line-height: 30px;}document....
    九九乘法表

    ul,li{

    margin: 0;

    padding: 0;

    list-style-type: none;

    }

    span{

    display: inline-block;

    width: 100px;

    height: 30px;

    font-size: 16px;

    text-align: center;

    border: 1px solid green;

    line-height: 30px;

    }

    document.write('

    • ');

    for(var i=1; i<10; i++){

    document.write('

    ');

    for(var j=1; j<=i; j++){

    document.write('' + j + '&times' + i*j + '');

    }

    document.write('

    ');

    }

    document.write('

    ');

    ccb4c90778bf771530075ae9cd8b9715.png

    javascript实现九九乘法表

    CSS代码部分:

    JavaScript写九九乘法表

    javascript 实现九九乘法表

    f ...

    利用js的for循环实现一个简单的&OpenCurlyDoubleQuote;九九乘法表”

    For循环九九乘法表 for循环是javascript中一种常用的循环语句,可以很好的解决在程序中需要重复执行某些语句,利用for循环实现简单的“九九乘法表”的效果: 让循环从小到大,依次排序,并计算 ...

    随机推荐

    使用dig查询dns解析

    原文地址:使用dig查询dns解析 作者:chenwenming 一般来说linux下查询域名解析有两种选择,nslookup或者dig,而在使用上我觉得dig更加方便顺手. 如果是在debian下的 ...

    C&plus;&plus;数组和指针

    读书摘要 与 vector 类型相似,数组也可以保存某种类型的一组对象:而它们的区别在于,数组的长度是固定的.数组一经创建,就不允许添加新的元素.指针则可以 ...

    在Sql Server 中使用正则表达式

    CREATE FUNCTION dbo.find_regular_expression ( ), --需要匹配的源字符串 ), --正则表达式 --是否区分大小写,默认为false ) RETURNS ...

    xmlns&colon;android作用以及自定义布局属性

    要定制Android layout 中的 attributes关键是要明白android中命名空间定义如: xmlns:android="http://schemas.android.com ...

    SoapUI之cookie设置

    一.测试背景: 1)接口测试需要完成注册-->登录-->充值,使用soapui构建好测试用例.设置断言后,运行结果如下: 2)recharge接口运行失败,继续查看该接口具体发送的请求及返 ...

    tensorflow学习之(十一)将python代码写入文件

    #save to file import tensorflow as tf import numpy as np ##(1)Save to file 把相关变量存储到文件中 #remember to ...

    asp&period;net mvc5 下载文件方法

    控制器自带的 FileContentResult 可以让我们很方便的返回文件到服务端,减少了很多步骤.用于下载文件的时候,像视频.文本.图片这种浏览器支持的文件,默认就会被浏览器打开.这时候想让它变成 ...

    【sed】常用命令

    替换 替换某一整行 sed '1c hello' test #将第一行替换为hello str1替换为str2 sed 's/^str1.*/str2/' filename #以str1开头 sed ...

    木块问题(UVa101)

    题目具体描述见:https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&page=show_prob ...

    Linux 下获取通讯IP

    #!/bin/sh # filename: get_net.sh default_route=$(ip route show) default_interface=$() address=$(ip a ...

    展开全文
  • js写九九乘法表

    2021-06-10 08:39:14
    首先基础是一个表格;例//row=5col=5varstr="";varrow=1;while(rowstr+="";varcol=1;while(colstr+=""+row+"";col++;}str+="";row++;}str+="";document.body.innerHTML+=str;九九乘法表htmlhtml>Docu...
  • 九九乘法表制作.html

    2021-06-08 15:53:44
    Title 九九乘法口诀 一键复制 编辑 Web IDE 原始数据 按行查看 历史
  • html --九九乘法表

    2021-05-12 22:49:42
    比如:htmlContent += '<span align="center"style="border:1px solid black;font-size:25px;**display:inline-block;width:100px**">' 又或者: htmlContent += '<span style="border:1px solid black;font...
  • 九九乘法表制作

    2021-06-08 15:53:18
    九九乘法表table{ border-collapse: collapse; }table td{ border: 1px solid #ccc;padding: 3px 6px; }var str = '';for(var i = 1;i <= 10;++ i){str += '';for(var j = 1;j <= i;++ j ){str += ''+ j + '*'...
  • HTML实现九九乘法表

    千次阅读 2020-05-27 19:30:44
    代码 实现效果
  • 九九乘法表2.html

    2021-06-07 09:51:38
    九九乘法表
  • 摘要:本文为JavaScript中实现for循环打印输出九九乘法表实例。引入下面列举的是从小氪到大的九九乘法表;第一行:1X1=1第二行:1X2=2 2X2=4第三行:1X3=4 2X3=6 3X3=9第四行:1X4=4 2X4=8 3X4=12 4X4=16……自行脑...
  • js里面的循环是日常编程中用的最多的也是最基础的,我们可以借着实现99乘法表的实现学习和熟练js的循环技巧。本文只实现99乘法表,但是大家可以根据自己的喜好练习使用循环打印各种不同的形状,如正方形或者三角行...
  • js里面的循环是日常编程中用的最多的也是最基础的,我们可以借着实现99乘法表的实现学习和熟练js的循环技巧。本文只实现99乘法表,但是大家可以根据自己的喜好练习使用循环打印各种不同的形状,如正方形或者三角行...
  • html编写简单的九九乘法表

    万次阅读 2019-12-11 17:07:35
    <!DOCTYPE html><!DOCTYPE html>
  • 关注微信号:javalearns ... j++) { %> <% } %> <% } %> (j ) { %> *<%=i%>=* j%> <% } else %> javascript方式: 复制代码 代码如下: 99乘法表 关注微信号:javalearns 随时随地学Java 或扫一扫 随时随地学Java
  • HTML乘法口诀代码

    2018-01-07 16:30:49
    运用HTML编写的乘法口诀,在HTML课程中通过练习乘法口诀的编写,熟练掌握HTML的编写
  • 最终简简单单地写了一个九九乘法表!我觉得基础的语法知识还是需要了解的.我就简单把一些比较重要或者有区别列举了出来!JavaScript基础语法JavaScript的输出:window.alert() 弹出警告框document.write() ⽅法将内容...
  • 一、 public static void main(String[] args) { for (int i=1;i;i++){ for(int j=1;j;j++){ System.out.print(i+"*"+j+"="+(i*j)+"\t"); } //内部每循环完一次...https://www.cnblogs.com/Hubert-dzl/p/10904554.html
  • 主要介绍了JavaScript乘法口诀的简单实现,文中给出了详细的示例代码,这样对大家的理解和学习更有帮助,有需要的朋友们可以参考借鉴,下面来一起看看吧。
  • 不说了,先上效果图,下面附有源码: 代码一:jsp表达式法 <...DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <h
  • 变颜色的九九乘法表 js代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>九九乘法表</title> </head> <body> <script&...
  • 一、public static void main(String[] args) {for (int i=1;i<=9;i++){for(int j=1;j<=i;j++){System.out.print(i+"*"+j+"="+(i*j)+"\t");}//内部每循环完一次,就换行一次System.out.println();...
  • 用数组或指针(循环也可以)编写程序打印99乘法口诀//输出格式可以按照自己的意思更改 //放在编译器里就可以编译了 #include void main() { int x,y; clrscr(); for(x=1;x编写程序,格式要求第一行1*1=1 第二行 1*2=2,...
  • DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>for循环</title> <style> td { border: 1px solid pink; } </style> </head> &...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,117
精华内容 2,846
关键字:

html九九乘法表

友情链接: 8.rar