php网站自动变暗,如何使用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'); //显示遮罩层

}

效果：

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

php网站自动变暗,如何使用JS弹出DIV并使整个页面背景变暗相关推荐

JS弹出DIV并使整个页面背景变暗功能的实现代码
1.首先写一个遮罩层div,然后再写一个弹窗的div  <div id="cover" style="background: # ...
用jQuery实现弹出窗口/弹出div层
原文链接:http://hi.baidu.com/awz_tiger/item/863cfc10c4bb0f6171d5e8d9 http://blog.163.com/qiuxinke2006@12 ...
js“弹出对话框”和“弹出窗口”详解
JS中showModalDialog 详细使用基本介绍: showModalDialog() (IE 4+ 支持) showModelessD ...
九种js弹出对话框的方法
[1.最基本的js弹出对话框窗口代码] 这是最基本的js弹出对话框,其实代码就几句非常简单: 复制代码代码如下: <script LANGUAGE="javascript"& ...
用js弹出对话框的一些实用方法
作者:张铭标撰写时间:2019年7月 17日第一种基本的窗口弹出方法: 使用window.open("")括号里面就是你要弹出的页面的路径,用单引号或者双引号都可以.这段代码可 ...
九种js弹出对话框的实现方法
原文地址:九种js弹出对话框的实现方法作者:哼哼哈哈网络编程中,经常要用到 js弹出对话框 http://www.cnxwlm.com/network-biancheng/baidu_313/来增 ...
html js弹出等待框,九种js弹出对话框的方法总结
[1.最基本的js弹出对话框窗口代码] 这是最基本的js弹出对话框,其实代码就几句非常简单: 因为这是一段javascripts代码,所以它们应该放在之间.是对一些版本低的浏览器起作用,在这些老浏览器 ...
php提交表单关闭弹出层,使用js实现关闭js弹出层的窗口
本篇文章主要是对使用js实现关闭js弹出层的窗口的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 function toggle() { theObj = document.getE ...
three.js 弹出二维图片
three.js 弹出二维图片代码 // 创建平面let geometry = new THREE.PlaneGeometry(30, 30);let plan_texture = THREE.Im ...

php网站自动变暗,如何使用JS弹出DIV并使整个页面背景变暗

php网站自动变暗,如何使用JS弹出DIV并使整个页面背景变暗相关推荐

最新文章

热门文章