`
squll369
  • 浏览: 108363 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

遮罩层(在Cindy_Lee和vb2005xu基础上修改),支持多层遮罩

阅读更多
  想做一个遮罩效果,看到以前Cindy_Lee和vb2005xu在这里发的帖子,效果很好,就拿下来使用了,后来需要用到遮罩层上再遮罩,就遇到了问题,把代码小改了一下,现在可以支持遮罩层层上再遮罩了, 使用了jquery1.6.1。

     使用的话,构造一个popWindow.context对象
     var s = new popWindow.context("id"); //如果需要多层遮罩,每个使用不同的id
  
     提供5个方法
     s.setWidth('300');  //遮罩层上对话框的宽度
     s.setHeight('200'); //遮罩层上对话框的高度
     s.setTitle('this is a test');  //遮罩层上对话框的标题
     s.setContextTemp('<p>test,test</p>'); //遮罩层上对话框内容
     s.setCloseIconPath('./img/close.jpg');  ////关闭遮罩层按钮的图片路径

效果如截图


  • 大小: 46.8 KB
分享到:
评论

相关推荐

    点击遮罩层的背景关闭遮罩层

    class=Select_Region_bj 我给了一个灰色半透明的背景样式,后来在Javascript中写onclick事件无论这么写,点击内容区也是会关闭掉遮罩层。我百思不得其解到底怎么样写才能点击内容区不会关闭遮罩

    在iframe 中页面中设置遮罩遮罩层

    在网页设计中,有时我们需要在页面中添加一个遮罩层,以实现如加载动画、弹窗提示或隐藏部分内容的效果。本话题将详细讲解如何在iframe中实现页面的遮罩层功能,结合`right.html`, `main.html`, `left.html`, `top....

    JavaScript编写点击查看大图的页面半透亮遮罩层效果实例_.docx

    首先,CSS部分定义了一个ID为`mask`的遮罩层,使用`position: fixed`使其固定在页面上,覆盖整个视口。通过`background: rgba(0,0,0,0.5)`设置半透明黑色背景,利用`rgba`的颜色表示方式可以实现透明度控制,同时为...

    winform实现遮罩层效果

    在Windows Forms(Winform)开发中,遮罩层(Mask Layer)通常被用来提供一种半透明的覆盖层,用于在用户界面(UI)上显示等待、加载或提示信息,同时阻止用户与背景界面进行交互。它是一种常见的用户体验设计元素,...

    动态上传文件遮罩层

    在IT行业中,动态上传文件和遮罩层是前端开发中常见的功能需求,尤其在交互体验设计上占有重要地位。本文将详细阐述“动态上传文件遮罩层”这一主题,包括其概念、实现原理以及js插件的应用。 首先,动态上传文件指...

    C# WinForm遮罩层

    在C# WinForm开发中,遮罩层(通常称为Mask Layer或Overlay)是一个重要的设计元素,它用于在用户界面(UI)上显示一个半透明或全透明的覆盖层,以防止用户在特定操作进行时误操作。遮罩层通常用在加载数据、执行长...

    js打开关闭遮罩层

    在本主题中,我们将深入探讨如何使用JavaScript来实现遮罩层的打开和关闭,并结合loading图片以增强用户体验。 一、JavaScript基础 JavaScript是一种广泛使用的客户端脚本语言,它可以直接在用户的浏览器中运行,...

    页面点击按钮后出现遮罩层,遮罩层上面有其他内容可显示,包含关闭遮罩层按钮

    点击按钮弹出悬浮层,层上有数据且可以关闭 页面点击按钮后出现遮罩层,遮罩层上面有...所以选择弹出层,一层遮罩层,一层显示详情层,遮罩层的好处可以让用户在看详情的时候不能操作页面其他位置,防止页面出现错误。

    实训4:引导层和遮罩层的应用.zip

    在动画制作和交互设计中,引导层和遮罩层是两个非常重要的概念,尤其是在Adobe Animate(前身为Flash Professional)等动画软件中。本实训旨在深入理解和熟练掌握这两种技术,以便创造出更富有创意和交互性的作品。 ...

    jsp页面加载之遮罩层

    首先,遮罩层通常是一个半透明的div元素,覆盖在页面上,使得用户无法与页面其余部分交互,直到遮罩层消失。这在网页加载大型数据或者执行异步操作时特别有用,因为它可以防止用户误操作并传达出正在工作的状态。 ...

    自定义半透明遮罩层-源码

    在IT行业中,自定义半透明遮罩层是一个常见的前端开发任务,它主要用于创建一个覆盖在网页元素上方的半透明黑屏或灰屏效果,通常用于弹窗、加载提示或者阻止用户与页面其他部分的交互。这个"自定义半透明遮罩层-源码...

    JS移动端点击弹出遮罩层

    在移动端适配上,我们需要确保遮罩层能完全覆盖屏幕。由于移动设备屏幕尺寸各异,我们可以利用CSS的`vh`和`vw`单位来实现响应式布局: ```css .mask { position: fixed; top: 0; left: 0; width: 100vw; /* ...

    C# 自定义半透明遮罩层

    在C#编程中,创建一个自定义的半透明遮罩层是常见的需求,尤其是在开发桌面应用或者游戏界面时,为了实现部分区域的视觉隔离或加载等待效果。本教程将介绍如何利用C#来构建这样的功能。 首先,我们需要理解遮罩层的...

    asp.net 遮罩层 asp.net 遮罩层

    /* 设置较高的z-index值,确保遮罩层在其他元素之上 */ } ``` 4. **JavaScript控制**:通过jQuery来控制遮罩层的显示和隐藏。例如: ```javascript function showMask() { $('#mask').fadeIn(); // 显示遮罩...

    微信浏览器内显示遮罩层提示点击右上角

    本文将详细探讨如何实现“微信浏览器内显示遮罩层提示点击右上角,选择在浏览器中打开链接”的功能,以及相关技术要点。 首先,我们需要理解微信内置浏览器(X5内核)的工作原理。微信浏览器是基于腾讯自家的X5 ...

    微信小程序全屏遮罩层代码

    总的来说,微信小程序全屏遮罩层的实现主要涉及CSS布局、数据绑定和事件处理,理解并掌握这些基础知识对于微信小程序开发至关重要。通过不断实践和学习,你可以创造出更多富有交互性的用户体验。

    漂亮遮罩层css+div

    漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div ...

    微信跳转 微信遮罩层.zip

    在IT行业中,微信跳转和微信遮罩层是常见的移动端应用功能,特别是在电商和营销领域。这个名为"微信跳转 微信遮罩层.zip"的压缩包文件可能包含了一个实现此类功能的源码资源。下面我们将深入探讨这两个概念及其在...

    jQuery从下到上弹出遮罩层.rar

    "jQuery从下到上弹出遮罩层.rar"这个压缩包提供了一个实用的示例,它演示了如何利用CSS、jQuery和JavaScript技术来实现一个底部弹出的遮罩层。下面,我们将详细探讨这些技术以及它们在实现这个功能时的角色。 首先...

    遮罩层js代码

    在网页设计和开发中,遮罩层(Mask Layer)是一种常用的技术,用于在用户与页面交互时提供一种视觉效果,比如加载提示、弹窗信息或者背景模糊等。本主题聚焦于"遮罩层js",这是一个基于jQuery和sliphover库实现的...

Global site tag (gtag.js) - Google Analytics