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

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

解决方案 »

  1.   

    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属性.你想弹出的层在上面,遮罩层在下面 这个属性就是弹出层大.
    弹完收工.
      

  2.   

    请参考我编写的Overlay-jshttp://overlay-js.googlecode.com/files/overlay-js-source.zip这个小工具符合你的第一个需求：只要弹出层出现，焦点一定在弹出层上，并且任何试图切换焦点的方式（如鼠标点击，tab键等等）均被屏蔽，IE, FF, Chrome下测试均可用。至于怎么做的漂亮，问问高级的web界面设计师吧，或者下一个自己研究研究，呵呵
      

  3.   

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