点击弹出一个div层来让用户操作

现在有很多网站都有类似的通过点击会弹出一个层让用户操作；或者是个视频啊，或者是图片啊，什么的。其实很简单，就是几句js+div来实现的。（当然具体的还得看需要什么操作，来让弹出的层实现什么样的功能）。我只是抛砖引玉罢了。

闲话少说，上代码。弹出一个层，让网页的其他部分不能操作。实际上有两个层。

我们可以在html的body部分定义两个层。

和

；可分别定义他们的样式，其中top这个层是弹出的层，而below这个层用于遮盖整个页面阻止用户操作页面的其他部分。

这样我们就可以分别定义他们的样式：

Code
 

然后我们要用一段js脚本来触发这个行为；

Code
点击这里弹出div(当然也可以换成别的，例如图片什么的)
这是弹出的窗口 关闭（也可以是小图片）

        

大家也可根据自己的实际情况，更改样式和js脚本。

转载于:https://www.cnblogs.com/david-lee/archive/2009/03/03/1402038.html