前要：浮窗--即执行某些操作后，弹出的浮动在原页面只上的窗口，不需要跳转或刷新页面。

下图是点击，点我演示弹出浮窗后整个页面的显示。

当点击浮窗区域右上角的×时，浮窗会关闭。

http://s3/mw690/003tK8Eety6GacWgpzk12&690  

页面代码细分为4个部分，CSS样式、JS函数、页面HTML、浮窗HTML。

页面HTML

在页面中添加一个按钮，按下按钮调用turn_gray函数弹出浮窗。

http://s9/mw690/003tK8Eety6GacXhEfu88&690 

浮层HTML

此部分代码是浮窗区域的代码，所以在样式表中可以看到display:none的属性。

http://s8/mw690/003tK8Eety6GacYJc9xd7&690 

Css样式

#netghost是弹出浮窗后灰色半透明蒙版的CSS样式。

.fw是弹出的浮窗的CSS样式

http://s1/mw690/003tK8Eety6Gad08b6w60&690 

Js代码

Turn_gray(id)函数，将id为netghost的div区域显示并设定宽和高为窗口大小。将传参过来的id所代表的区域显示并设定位置使区域显示在页面正中央。

Turn_back(id)函数，将id为netghost和id为传参的两个区域均隐藏，用于浮窗区域上的×按钮。

http://s2/mw690/003tK8Eety6Gad1LB7Pf1&690 

此处将整个代码文件分享：

http://pan.baidu.com/s/1jGKAEfc

（仅供交流）