税收征管法第十四条:jQuery实现弹出居、右下角、左下角窗口效果 ...

来源：百度文库 编辑：中财网 时间：2024/05/01 07:52:48

  今天给大家带来的是，实用jQuery技术实现各种弹窗效果，比如弹出指定位置的窗口（左下角、右下角、居中...）等，尤其是弹出右下角窗口特别实用，如果能够跟随滚动条一起滚动，那就非常good了！一些企业网站也会经常采用这种方式重点宣传自己的产品。
       先看下效果图：
       弹出居中窗口效果
      

5 小时前 上传下载附件 (44.73 KB) 


       弹出左下角窗口效果
       
      


      弹出右下角窗口效果
     
      

 

5 小时前 上传下载附件 (11.55 KB) 



      如上图，要实现弹出指定位置的窗口其实也并不难，主要就是要计算出要弹出窗口的左上角坐标，那到底怎样计算出各种位置窗口的左上角坐标我们做如下分析：
      弹出居中窗口：
      如图求出窗口的左上角坐标，计算方式如图

     

 

       注意黑色部分是滚动条区域，当出现滚动条时 x和y分别还要加上滚动条滚动的宽度和滚动条滚动的高度
       弹出左下角窗口分析图如下：
      


 

我们先来看看怎么实现弹出居中窗口，弹出居中窗口主要是要获取几个参数，分别为浏览器的高度、宽度
     当前窗口的高度、宽度，滚动条滚动的高度和宽度等，然后再定位这个层。
     代码如下：










  10. 无标题文档































































  24. 这里标题文字


  • CSDN中文it社区

  • CSDN学生大本营 李伟

  • 3G开发者联盟

  • 3gput.com





  • 复制代码       弹出左下角窗口和弹出居中窗口类似，也是计算下坐标









    10. 无标题文档































































    24. 这里标题文字


  • CSDN中文it社区

  • CSDN学生大本营 李伟

  • 3G开发者联盟

  • 3gput.com