关于html css 和 javascript的实例

最新推荐文章于 2024-06-05 10:08:21 发布

wo ai Java

最新推荐文章于 2024-06-05 10:08:21 发布

阅读量485

点赞数 1

本文链接：https://blog.csdn.net/weixin_44005203/article/details/100018099

版权

九九乘法表加表格

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>JS打印九九乘法表</title>
    <style media="screen">
      table th{
        border: 1px solid #666;
        color: #999;
        padding:10px;
      }
    </style>
  </head>
  <body>
    <script type="text/javascript">
    // 创建table
    document.write("<table>");
      // 打印九九乘法表
      for(var x = 1;x <= 9;x++){
        // 创建tr
        document.write("<tr>");
        for(var y = 1;y <= x;y++){
          // 公式里创建th
          document.write('<th>' + x + '*' + y + '=' + (x * y) + '</th>')
        }
        // 闭合tr
        document.write("</tr>");
      }
    // 闭合table
    document.write("</table>")
    </script>
  </body>
</html>

鼠标变色表格

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>

		<table border="1" width="500" height="300">
			<tr >
				<td  onmouseover="o

最低0.47元/天解锁文章

wo ai Java

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于html css 和 javascript的实例

九九乘法表加表格<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>JS打印九九乘法表</title> <style media="screen"> table th{ border: 1p...
复制链接

扫一扫