JS+CSS简单实现DIV遮罩层显示隐藏.doc
《JS+CSS简单实现DIV遮罩层显示隐藏.doc》由会员分享,可在线阅读,更多相关《JS+CSS简单实现DIV遮罩层显示隐藏.doc(1页珍藏版)》请在三一文库上搜索。
1、1234DIV CSS遮罩层56functionshowdiv() 7document.getElementById(bg).style.display=block;8document.getElementById(show).style.display=block;910functionhidediv() 11document.getElementById(bg).style.display=none;12document.getElementById(show).style.display=none;13141516#bgdisplay:none;position:absolute;top
2、:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.7;opacity:.70;filter:alpha(opacity=70);17#showdisplay: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;181920212223测试24252627
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JS CSS 简单 实现 DIV 遮罩层 显示 隐藏
链接地址:https://www.31doc.com/p-8848915.html