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

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

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

我们可以在html的body部分定义两个层。<div id="top" class="topdiv">和<div id="below"  class="belowdiv">;可分别定义他们的样式,其中top这个层是弹出的层,而below这个层用于遮盖整个页面阻止用户操作页面的其他部分。

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

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

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

你可能感兴趣的:(div)