js弹出DIV层的代码_CSS教程,DIV CSS视频教程,DIV CSS模板,DIV CSS布局入门教程

一组漂亮的JS代码弹出DIV层的效果。

运行代码直接查看：

<!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><title>JS弹出层 --CSS教程 www.csschina.net</title> <style> body {margin:0px} #Loading {position:absolute;z-index:10;left:10px;top:10px;border:1px #666666 solid;background:#eeeeee;width:10px;height:10px} </style> <script LANGUAGE="JavaScript">  </script> </head> <body> <a href="javascript:OpenDiv(500,300,'CSS教程 www.csschina.net层1<br>双击关闭')">CSS教程 www.csschina.net层1 500*300</a><br><br> <a href="javascript:OpenDiv(500,200,'CSS教程 www.csschina.net层2<br>双击关闭')">CSS教程 www.csschina.net层2 500*200</a><br><br> <a href="javascript:OpenDiv(200,500,'CSS教程 www.csschina.net层3<br>双击关闭')">CSS教程 www.csschina.net层3 200*500</a><br><br> <a href="javascript:OpenDiv(500,500,'CSS教程 www.csschina.net层4<br>双击关闭')">CSS教程 www.csschina.net层4 500*500</a> <div id="Loading" style="display:none" ondblclick="this.style.display='none'"></div> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

CSS教程,DIV CSS视频教程,DIV CSS模板,DIV CSS布局入门教程 - CSS中国

搜索

热门标签

js弹出DIV层的代码