js+css写一个弹出来层

摘要: js+css写一个弹出来层 阅读文章量:4 公布于: 20-05-23 18:37 div > a quot;popBox() 线上资询 /a /div div id= popLayer /div div id= popBox div > a quot;closeBox() x /a /div div > 它是...

js+css写一个弹出来层 阅读文章量:4 公布于: 20-05-23 18:37

div >

a quot;popBox() 线上资询 /a

/div

       

       

  div id= popLayer /div

  div id= popBox

    div >

        a  quot;closeBox() x /a

    /div

    div >

    它是一个弹出来窗

    /div

/div


       

  script

    /*点一下弹出来按键*/

    function popBox()

        var popBox = document.getElementById( popBox

        var popLayer = document.getElementById( popLayer

        popBox.style.display = block

        popLayer.style.display = block

   

 

    /*点一下关掉按键*/

    function closeBox()

        var popBox = document.getElementById( popBox

        var popLayer = document.getElementById( popLayer

        popBox.style.display = none

        popLayer.style.display = none

   

/script



#popLayer

            display: none;

            background-color: #B3B3B3;

            position: fixed;

            top: 0;

            right: 0;

            bottom: 0;

            left: 0;

            z-index: 10;

            -moz-opacity: 0.8;

            opacity:.80;

            filter: alpha(opacity=80);/* 只适用IE6、7、8、9 */

       

 

     

        #popBox

            display: none;

            background-color: #FFFFFF;

            z-index: 11;

            width: 300px;

            height: 300px;

            position:fixed;

            top:0;

            right:0;

            left:0;

            bottom:0;

            margin:auto;

       

 

#popBox .close

    text-align: right;

    margin-right: 5px;

    position: relative;

 .content img

    width: 100%;


      #popBox .close a

    text-decoration: none;

    color: #ffffff;

    cursor: pointer;

    position: absolute;

    top: -25px;

    font-size: 26px;

    background: #000000;

    height: 30px;

    width: 30px;

    text-align: center;

    line-height: 25px;

    border-radius: 20px;

image



联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503