在蓝色理想看到一个漂亮的弹出层，不过看不惯其代码，决定自己重写一个。漂亮是有代价，它用了许多图片，而且那是半透明图片，这在IE6中就遇到麻烦，需要动用IE的DXImageTransform.Microsoft.AlphaImageLoader来实现fixbug！对于我而言，图片根本是没有必要，因为我掌握非常先进的动态生成图片（位图）的技术，这样就可以大大减少请求数与图片对服务器的压力。但是，该死的IE6不支持这种技术，因此我还是需要一些图片。至于半透明与圆角与阴影，我是利用vml与canvas与CSS3高级特征来实现。好了，开场白就此打住，我们开始吧。

　　通常而言，弹出窗口都是居中对齐的，因此我们需要获取浏览器可视区的大小。这里有一个函数，可以帮我们迅速取得结果。

 var getBrowserWindowSize = function(){
      var de = document.documentElement;
      return {
        'width':(
        window.innerWidth
          || (de && de.clientWidth )
          || document.body.clientWidth),
        'height':(
        window.innerHeight
          || (de && de.clientHeight )
          || document.body.clientHeight)
      }
    }
        

        

        
        
      
        
it知识库：一步步教你实现弹出窗口（第1部分），转载需保留来源！
        
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。