js添加遮罩层
直接用代码来说明
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MaskTest.aspx.cs" Inherits="Test07.MaskTest" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <form id="form1" runat="server"> <div id="countdivmaks" style="position: relative"> 在一个层上添加一个遮罩层的实现:<br /> 实现原理：就是在要添加遮罩层的层上里面添加一个层，让该层撑满整个层即可<br /> 具体实现要求说明：在要添加遮罩层的位置必须是相对的位置：psotion:relative<br /> 遮罩层的位置必须是绝对的：postion：aasolute;width:100%;heigth:100%;top:0px;left:0px; </div> <div> <input type="button" id="but1" value="添加遮罩层" /> </div> </form> </body> </html> <script src="jquery-1.7.1.min.js"></script> <script type="text/javascript"> var hasAdd = false; $("#but1").click(function () { if (!hasAdd) { hasAdd = true; var maskdiv = '<div id="divmask" style="position:absolute;width:100%;height:100%;background-color:black;opacity: 0.5;top: 0px;left:0px;"></div>'; $("#countdivmaks").append(maskdiv); $(this).val("去掉遮罩层"); } else { hasAdd = false; $("#divmask").remove("div"); $(this).val("添加遮罩层"); } }); </script>
END
上面整理了一些在实际业务开发中遇到的关于页面加载慢的排查和解决的方法。后面还会越来月丰富起来，如果你的项目有可能遇到打开慢的情况，不妨点赞收藏一下～。
END
为了更高的交流，欢迎大家关注我的公众号，扫描下面二维码即可关注，谢谢：
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构