本文介绍了如何使用JavaScript实现画图效果。通过引入外部JS文件并刷新页面，可以执行相关代码。示例中包含了运行、复制和保存代码的功能按钮，方便用户操作。
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需再刷新一下页面才能执行]