JS弹窗DIV并整背景颜色变化

这次给大家带来JS弹窗DIV并整背景颜色变化，JS弹窗DIV并整背景颜色变化的注意事项有哪些，下面就是实战案例，一起来看一下。

1.首先写一个遮罩层p，然后再写一个弹窗的p

  
    
    提示  
    
    js弹窗 js弹出p,并使整个页面背景变暗
    
    确 定  

登录后复制

js代码：（把jq引进来）

  // 弹窗  function showWindow() {    $('#showp').show();  //显示弹窗    $('#cover').css('display','block'); //显示遮罩层    $('#cover').css('height',document.body.clientHeight+'px'); //设置遮罩层的高度为当前页面高度  }  // 关闭弹窗  function closeWindow() {    $('#showp').hide();  //隐藏弹窗    $('#cover').css('display','none');   //显示遮罩层  }

登录后复制

效果：

相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！

推荐阅读：

JQuery元素操作详解

JS做出随机数方法总结

以上就是JS弹窗DIV并整背景颜色变化的详细内容，更多请关注【创想鸟】其它相关文章！