码迷,mamicode.com
首页 > 其他好文 > 详细

jq实现点击弹出框代码

时间:2015-05-26 15:37:36      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:

废话不多说,先贴代码吧

        <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>

解释的很清楚了吧。

 

jq实现点击弹出框代码

标签:

原文地址:http://www.cnblogs.com/erbingbing/p/4530430.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!