前端之家收集整理的这篇文章主要介绍了
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
1.首先写一个遮罩层div,然后再写一个弹窗的div
js代码:(把jq引进来)
显示弹窗
$('#cover').css('display','block'); //
显示遮罩层
$('#cover').css('height',document.body.clientHeight+'px'); //设置遮罩层的高度为
当前页面高度
}
//
关闭弹窗
function closeWindow() {
$('#showdiv').hide(); //隐藏弹窗
$('#cover').css('display','none'); //
显示遮罩层
}
效果:
总结
以上所述是小编给大家介绍的JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!