教程集 > 脚本编程 > javascript > 正文用javascript在网页上画线

用javascript在网页上画线

发布时间：2023-04-29 编辑：jiaochengji.com

教程集为您提供用javascript在网页上画线等资源，欢迎您收藏本站，我们将为您提供最新的用javascript在网页上画线资源

提示：您可以先修改部分代码再运行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  <html>          <head>                  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />                  <title>Table</title>                  <style type="text/css">                  div{ margin-left:auto;  margin-right:auto;        }                   #divshow                          {                                  position:relative;                                  vertical-align: middle;                                  overflow:hidden;                          }                  </style>          </head>                    <body>                  <input type="button" value="click" onclick="createTable()">                  <br>                  <div id ="divshow" align="center"></div>                  <script type="text/javascript">                  /*******************两个层*************/                          var divshow = document.getElementById("divshow");                          divshow.style.width = "800px";                          divshow.style.height = "800px";                          divshow.style.background = "#580850";                      var annotation = document.createElement("div");                          annotation.style.position = "absolute";                          annotation.style.left = "100px";                          annotation.style.top = "100px"                          annotation.id = "annotation";                          annotation.style.width = "500px";                          annotation.style.height = "500px";                          divshow.appendChild(annotation);                          annotation.style.background="#454878";                          var table1;                          var td1;                          var tr1;                                                    function createTable()  //创建表格来画线                          {                                  table1 = document.createElement("TABLE");                                  table1.id="x";                                  table1.style.position = "absolute";                                  table1.style.top = '100px';                                  table1.style.left = '100px';                                  tr1 = table1.insertRow();                                  td1 = tr1.insertCell();                                  td1.style.background = "yellow"                                  td1.width = "200"                                  td1.height = "3";                                  annotation.appendChild(table1);                          }                          </script>          </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
jQuery图片画廊插件 Pikachoose
css动画制作——CSS animate
Html5画布的详细介绍
 php开发网页用什么工具
 html5 Canvas实现画直线与设置线条的样式
 jsPDF生成pdf文件
 canvas的绘图api使用详解
 canvas如何绘制时钟？canvas画环形时钟的实现过程
 如何用canvas绘制矩形？canvas画矩形的两种方法介绍
 html5精选特效代码分享（收藏）

上一篇：向上滚动的图片带链接下一篇：js判断数组元素是否有重复

[关闭]

用javascript在网页上画线

最近更新

浏览排行