JavaScript实现画图效果的代码

JavaScript实现画图效果的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- #apDiv1 {  position:absolute;  left:300px;  top:100px;  width:100px;  height:100px;  z-index:1;  background-color: #FF00FF; } #apDiv2 {  position:absolute;  left:402px;  top:100px;  width:100px;  height:100px;  z-index:2;  background-color: #00FFFF; } #apDiv3 {  position:absolute;  left:402px;  top:200px;  width:100px;  height:100px;  z-index:3;  background-color: #99FF00; } #apDiv4 {  position:absolute;  left:300px;  top:200px;  width:100px;  height:100px;  z-index:4;  background-color: #FFFF00; } --> </style> </head> <body>     <div id="apDiv1"></div>     <div id="apDiv2"></div> <div id="apDiv3"></div> <div id="apDiv4"></div> </body> </html>  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]