cari

Rumah  >  Artikel  >  hujung hadapan web  >  Kaedah Javascript untuk melukis segi empat tepat penuh warna melalui kemahiran table_javascript

Kaedah Javascript untuk melukis segi empat tepat penuh warna melalui kemahiran table_javascript

WBOY
WBOYasal
2016-05-16 16:02:481268semak imbas

Contoh dalam artikel ini menerangkan kaedah menggunakan JavaScript untuk melukis segi empat tepat penuh warna melalui jadual. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut: 

<html>
 <head>
  <title> Javascript画矩形 </title>
 <script type="text/javascript">
  //定义函数，传入设置参数，返回一个有背景颜色的表格
  function drawFilledRect(x,y,w,h,color)
  {
   document.write("<table border='0' cellspacing=0 cellpadding=0><tr><td style='position: absolute; left: "+(x)+"; top: "+(y)+";background-color: "+color+"' width="+(w)+" height="+(h)+"></td></tr></table>")
  }
 </script>
 </head>
 <body >
 <script type="text/javascript">
  //调用两次画矩形的函数
  drawFilledRect(20,80,100,100,"red");
  drawFilledRect(20,180,100,100,"lime");
 </script>
 </body>
</html>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery menu plug-in superfish guide_jqueryArtikel seterusnya：jQuery menu plug-in superfish guide_jquery

Artikel berkaitan

Lihat lagi