JavaScript打造仿腾讯网弹出层效果(推荐)

发布时间：2018-08-19 19:23:50 所属栏目：模式来源：站长网

导读：烈火网(LieHuo.Net)教程强烈推荐，功能强大，超漂亮的弹出层效果，提取自ZCMS的弹出层，无外部css文件，引用Dialog.js即可使用，兼容主流浏览器，支持ie6下的阴影和半透明效果。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www

　　烈火网(LieHuo.Net)教程强烈推荐，功能强大，超漂亮的弹出层效果，提取自ZCMS的弹出层，无外部css文件，引用Dialog.js即可使用，兼容主流浏览器，支持ie6下的阴影和半透明效果。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>仿腾讯超漂亮的弹出层效果（兼容主流浏览器）- 烈火网LIEHUO.NET</title> <style> body {background: #ffffff; color: #444;} a{ color: #09d; text-decoration: none; border: 0; background-color: transparent;} body,div,q,iframe,form,h5{ margin: 0; padding: 0;} img,fieldset { border: none 0; } body,td,textarea { word-break: break-all; word-wrap: break-word; line-height:1.5;} body,input,textarea,select,button { margin: 0; font-size: 12px; font-family: Tahoma, SimSun, sans-serif;} div,p,table,th,td { font-size:1em; font-family:inherit; line-height:inherit;} h5{ font-size:12px;} </style> </head> <body> <div id="div1"></div> <p> <input type="button" value="弹出新窗口" onclick="zOpen()" /> <input type="button" value="弹出带说明的新窗口" onclick="zOpenD()" /> <input type="button" value="弹出信息提示对话框" onclick="zAlert()" /> <input type="button" value="弹出选择对话框" onclick="zConfirm()" /></p> <div id="div2"></div> </body> </html>
提示：可修改后代码再运行!

（编辑：衡阳站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!