JS操作页面背景变暗

这次给大家带来JS操作页面背景变暗,JS操作页面背景变暗的注意事项有哪些,下面就是实战案例,一起来看一下。

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');   //显示遮罩层  }

登录后复制

效果:

JS操作页面背景变暗

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

推荐阅读:

vue触发移动端滚动条事件

vue触发移动端滚动条事件

以上就是JS操作页面背景变暗的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3187952.html

(0)
上一篇 2025年3月31日 23:20:22
下一篇 2025年3月31日 23:20:31

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 江苏苏州:6小时,涉案十余万的“黄金双盗”落网!,苏州电信诈骗

    “今年我是在监狱里过, 还是可以尽情享受、走上人生巅峰?” 这也许是下面这位「黄金大劫案」主人公 作案时的内心独白 这天晚上 张某(化名)因无力偿还债务 想靠盗窃来获取钱财 他盯准了超市一家金器商铺 期间多次踩点 并网购了作案工具 制定了自…

    用户投稿 2025年5月22日
    2200
  • 湖北健康码出现弹窗去社区报备就能消除吗

    四五月份因为正式出游的好时机,所以大大小小的景点都人员爆满,但是由于时下情况特殊,一些地区为了更好地管控人员,纷纷将各省市的健康码升级,湖北也不例外,下面小编就和大家一起看看湖北健康码出现弹窗去社区报备就能消除吗。 湖北健康码出现弹窗去社区…

    2025年5月21日
    315.8K00
  • 湖北健康码出现弹窗要做核酸检测吗

    湖北健康码出现弹窗要做核酸检测吗是很多人都好奇的,毕竟四五月份因为正式出游的好时机,所以大大小小的景点都人员爆满,但是由于时下情况特殊,一些地区为了更好地管控人员,纷纷将各省市的健康码升级,湖北也不例外。 湖北健康码出现弹窗要做核酸检测吗 …

    2025年5月21日
    411.4K00
  • 湖北健康码出现弹窗怎么恢复绿码

    湖北健康码出现弹窗怎么恢复绿码是大家常聊的,毕竟健康码是时下人们出行的时候必备的物件,但由于四五月份正是全年人们出游的最佳时机,所以为了更好地管理往来人员,各省市将自己的健康码升级,湖北也是这样,下面小编就和大家一起看看湖北健康码弹窗处理需…

    2025年5月21日
    726.8K00
  • js和java的区别是什么?

    java是一门面向对象编程语言,不仅吸收了c++语言的各种优点,还摒弃了c++里难以理解的多继承、指针等概念,因此java语言具有功能强大和简单易用两个特征。 js(JavaScript)是一种直译式脚本语言,是一种动态类型、弱类型、基于原…

    2025年5月3日
    000
  • 使用js实现微信唤起支付宝领红包(详细教程)

    最近支付宝的领红包可真是刷爆了各个微信群啊,满群都是支付宝口令,可是这样推广很麻烦,下面我给大家带来了js实现微信/qq直接跳转到支付宝app打开口令领红包功能,需要的朋友参考下 最近支付宝的领红包可真是刷爆了各个微信群啊,满群都是支付宝口…

    2025年5月1日 编程技术
    000
  • 利用uniapp实现弹窗提示功能

    标题:利用uniapp实现弹窗提示功能 随着移动互联网的发展,APP开发越来越普及。而uniapp作为一款前端开发框架,为开发者提供了在多个平台上快速开发APP的能力。在APP开发中,弹窗提示功能是非常常见和重要的功能之一。本文将介绍如何利…

    2025年5月1日
    000
  • JS实现简易版贪吃蛇小游戏

    nbsp;html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>    新建网页     …

    编程技术 2025年4月4日
    200
  • phpstorm怎么用js

    一、PHPStorm调试Javascript 在PHPStorm中创建test.html nbsp;html>        Test page     var test; var test2; console.log(“hello …

    2025年4月2日 编程技术
    200
  • vscode怎么压缩js代码

    vscode压缩js代码的方法: 1、在拓展商店里搜索“minify”,安装,安装成功后点重新加载 2、使用:F1运行文件缩小器Minify压缩js代码。 使用Minify的方法介绍: 缩小您的js,css和html文件以节省传输带宽。直接…

    2025年4月2日
    200

发表回复

登录后才能评论