实现页面功能的时候经常会遇到一个小功能需求:点击画面一个按钮,画面弹出信息页面,同时背景变暗(背景变暗其实是有个灰色半透明的全屏div遮住了原来的页面)且不可操作,信息页面操作关闭后恢复正常。
先简要理一下实(shuo)现(ren)思(hua)路:
html、css方面:
js:
open(原页面按钮):
document.getElementById(‘弹框id‘).style.display = "block";
document.getElementById(‘背景id‘).style.display = "block";
close(弹框关闭按钮):
document.getElementById(‘弹框id‘).style.display = "none";
document.getElementById(‘背景id‘).style.display = "none";
原文:http://www.cnblogs.com/codingHeart/p/6636169.html