jq实现点击弹出框代码

废话不多说,先贴代码吧

        <script>
            function showBg() {                    //定义 showBg 函数
                var bh = $("body").height();       //获得整个body(浏览器窗口)的高度 并 赋值给 bh 
                var bw = $("body").width();        //获得整个body(浏览器窗口)的宽度 并 赋值给 bw
                    $("#fullbg").css({             // 通过 JQ 的css() 事件,给选中的节点 (“#fullbg”)添加属性
                    height:bh,                     
                    width:bw, 
                    display:"block" 
                    }); 
                    $("#dialog").show();          //并且让 节点(“dialog”) show()出来
                    } 
            function closeBg() { 
                $("#fullbg,#dialog").hide();      //关闭弹出款  通过 hide() 方法
            }             
        </script>

解释的很清楚了吧。

 

posted @ 2015-05-26 13:41  SmallW  阅读(4193)  评论(0编辑  收藏  举报