JS自己做弹出层，类似webgame中的游戏弹出层

[zhangshaolongjj]

大哥们帮帮我吧，我从没弄过这东西，希望高手们指点，就是弹出后焦点在弹出层，其他的不可点，还有游戏的弹出层上面很漂亮，不知道怎么弄得！

[真哥哥]

jquery 的load方法，再加上遮罩层就ok了

[archko]

showMask(){创建一个遮罩层,把底下的东西遮住,这个可以设为透明的.透明度自己设了.高和宽设屏幕的(screen.availWidth),或是可见的(document.body.clientWidth)}高同理.这里有不同的浏览器可能会有些不太一样.document.body||document.documentElement,属性设置完了就document.body.appendChild(mask) mask就是showMask()返回的东西, var mask=document.createElement('div");...........
showDiv(){创建一个层,可以用DIV,也可以在里面放IFRAME,漂亮与否跟美工有关了.}
弹出的层有一个style.z-Index属性.你想弹出的层在上面,遮罩层在下面 这个属性就是弹出层大.
弹完收工.

[Objector]

请参考我编写的Overlay-js

http://overlay-js.googlecode.com/files/overlay-js-source.zip

这个小工具符合你的第一个需求：只要弹出层出现，焦点一定在弹出层上，并且任何试图切换焦点的方式（如鼠标点击，tab键等等）均被屏蔽，IE, FF, Chrome下测试均可用。

至于怎么做的漂亮，问问高级的web界面设计师吧，或者下一个自己研究研究，呵呵

[Jiduspace]

[Quote=引用 1 楼 archko 的回复:]
showMask(){创建一个遮罩层,把底下的东西遮住,这个可以设为透明的.透明度自己设了.高和宽设屏幕的(screen.availWidth),或是可见的(document.body.clientWidth)}高同理.这里有不同的浏览器可能会有些不太一样.document.body||document.documentElement,属性设置完了就document.body.appendChild(mask) mask就是showMask()返回的东西, var mask=document.createElement('div");...........
showDiv(){创建一个层,可以用DIV,也可以在里面放IFRAME,漂亮与否跟美工有关了.}
弹出的层有一个style.z-Index属性.你想弹出的层在上面,遮罩层在下面 这个属性就是弹出层大.
弹完收工.

[/Quote]
同意

[chenguo76]

路过。。。