jq实现点击弹出框代码

时间:2023-03-09 16:00:00
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>

解释的很清楚了吧。