JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码

这篇文章主要介绍了js弹窗 js弹出p并使整个页面背景变暗功能的实现代码,需要的朋友可以参考下

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弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码

相关推荐:

js实现关闭js弹出层的窗口功能代码

以上就是JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月8日 12:23:28
下一篇 2025年3月8日 12:23:35

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

相关推荐

  • nodeJS模块简单用法

    这篇文章主要介绍了nodejs模块简单用法,结合实例形式简单分析了nodejs模块定义、引入、注册、启动等相关操作技巧,需要的朋友可以参考下 本文实例讲述了nodeJS模块简单用法。分享给大家供大家参考,具体如下: 1.定义Student模…

    2025年3月8日
    000
  • JavaScript调用模式与this关键字绑定的关系

    这篇文章主要介绍了javascript调用模式与this关键字绑定的关系 的相关资料,需要的朋友可以参考下 Invocation 调用 调用一个函数将暂停当前函数的执行,传递控制权和参数给新函数。 实参与形参不一致不会导致运行时错误,多的被…

    编程技术 2025年3月8日
    200
  • AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例

    这篇文章主要介绍了angularjs使用filter自定义过滤器控制ng-repeat去除重复功能,结合实例形式分析了angularjs自定义过滤器的定义及数组过滤相关操作技巧,需要的朋友可以参考下 本文实例讲述了AngularJS使用Fi…

    2025年3月8日
    200
  • JS实现字符串去重及数组去重的方法

    这篇文章主要介绍了js实现字符串去重及数组去重的方法,涉及javascript针对字符串与数组的遍历、判断、删除、添加等相关操作技巧,需要的朋友可以参考下 本文实例讲述了JS实现字符串去重及数组去重的方法。分享给大家供大家参考,具体如下: …

    2025年3月8日
    200
  • JavaScript获取用户所在城市及地理位置

    这篇文章主要介绍了javascript获取用户所在城市及地理位置的实例代码,非常不错,具有参考借鉴价值,需要的朋友参考下吧 下面一段代码给大家分享js 获取用户所在城市,具体代码如下所述: nbsp;html>       获取用户地…

    编程技术 2025年3月8日
    200
  • JS使用技巧整理

    这次给大家带来js使用技巧整理,js使用的注意事项有哪些,下面就是实战案例,一起来看一下。 能够为大家提供这些简短而实用的JavaScript技巧来提高大家编程能力,这对于我来说是件很开心的事。每天仅花上不到2分钟的时间中,你将可以读遍Ja…

    编程技术 2025年3月8日
    200
  • JS调试使用详解

    这次给大家带来JS调试使用详解,JS调试的注意事项有哪些,下面就是实战案例,一起来看一下。 试想一下:出现了某个bug,有人用几分钟就搞定了,有人用了半天或者一天都找不到原因所在。你愿意当前者还是后者呢?想当前者的就请好好看完本篇文章吧。文…

    2025年3月8日 编程技术
    200
  • 使用JS思维技巧

    这次给大家带来使用JS思维技巧,使用JS思维技巧的注意事项有哪些,下面就是实战案例,一起来看一下。 我们在学习JavaScript,或其他任何编码技能的时候,往往是因为这些拦路虎而裹足不前: 有些概念可能会造成混淆,尤其当你是从其他语言转过…

    2025年3月8日
    200
  • 使用JS经验小结

    这次给大家带来使用JS经验小结,使用JS的注意事项有哪些,下面就是实战案例,一起来看一下。 鉴于时不时,有同学私信问我怎么学前端的问题。 这里统一回复一下,如下次再遇到问我此问题同学,就直接把本文链接地址发给你了。 首先说句题外话。关于有人…

    编程技术 2025年3月8日
    200
  • 5年的js使用心得总结

    这次给大家带来5年的js使用心得总结,js使用的注意事项有哪些,下面就是实战案例,一起来看一下。 本人使用javascript时间有5年了,总结了几点心得,给与大家借鉴。 1. 给未经声明的变量赋值在严格模式下会导致抛出 Reference…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论