THML弹出框
2016-01-12 10:20
183 查看
<!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>DIV CSS遮罩层</title> <script language="javascript" type="text/javascript"> function showdiv() { document.getElementById("bg").style.display ="block"; document.getElementById("show").style.display ="block"; } function hidediv() { document.getElementById("bg").style.display ='none'; document.getElementById("show").style.display ='none'; } </script> <style type="text/css"> #bg{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70);} #show{display: none; position: absolute; top: 25%; left: 22%; width: 53%; height: 49%; padding: 8px; border: 8px solid #E8E9F7; background-color: white; z-index:1002; overflow: auto;} </style> </head> <body> <input id="btnshow" type="button" value="Show" onclick="showdiv();"/> <div id="bg"></div> <div id="show"> <p>请输入查询帐号:</p> <input type="input" /> <input id="btnclose" type="button" value="Close" onclick="hidediv();"/> </div> </body> </html>
相关文章推荐
- 堆排序(Python版)
- Nginx入门之与tomcat结合
- java 远程执行linux命令
- java转义字符对照表
- SFTPTool 和 FTPTooL.java
- a标签的target指向iframe
- html导出table支持(excel,png,word,pdf<pdf不太行,中文不支持>)
- Android-Service生命周期
- 下载到99.5卡顿问题定位结论
- x64系统WSC注册方法
- 本人对Material Requirements Planning模块的一些了解
- android开发 防止输入键盘挡住界面
- 全Javascript的Web开发架构:MEAN和Yeoman
- 2、一日一程序之百钱买百鸡问题
- 使用nginx和php实时产生缩略图
- STM32官网Flash 模拟EEROM使用教程
- 【C#】 get 与 set 方法
- 城市建筑日照分析
- 小叙MFC的UpdateData
- iOS倒计时,显示剩余天、时、分、秒