`
guanrain
  • 浏览: 4437 次
社区版块
存档分类
最新评论

简易遮罩层

    博客分类:
  • js
阅读更多
//开启
if (是否开启?ture:false) {
   
    if($("#alertWindow").length > 0){
         $("body").find("#cover_div").remove();
    }
    var div = "<div id='cover_div' style='position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;filter:Alpha(Opacity=10);/* IE */-moz-opacity:0.1;/* Moz + FF */opacity: 0.1;z-index:999999'><img src="+ctx+"/images/commons/loading6.gif style='position:absolute;top:48%;left:48%'></img></div>";
    $("body").append(div);
   }
//关闭
function clearcoverlayout(){
$("body").find("#cover_div").remove(); 
}
  • 大小: 106.3 KB
分享到:
评论

相关推荐

    非常简单,代码非常少的遮罩层点击按钮弹出效果下载

    在网页设计和开发中,创建一个遮罩层和弹出效果是常见的需求,尤其是在实现交互式用户界面时。遮罩层通常用于突出显示特定内容,比如弹出窗口、模态框或者加载提示,通过半透明的背景覆盖整个页面,使用户聚焦于弹出...

    JQuery 遮罩层

    总结,`jQuery 遮罩层`工具以其多样的形状、简易的使用方式和丰富的自定义选项,为网页开发提供了强大的加载指示功能。结合实际项目需求,开发者可以通过灵活配置,创造出符合设计美学和用户体验的加载遮罩层。

    lightBox 简易的全屏透明遮罩解决方法

    在现代网页设计中,全屏半透明遮罩层已经成为一种常见的交互元素,它常用于弹出窗口、图片预览或页面加载时,为用户提供沉浸式体验。在Web2.0时代,这种效果得到了广泛应用,比如腾讯QQ空间和WordPress后台。传统的...

    adobe flash 简易教程

    - **遮罩层**:通过遮罩层可以隐藏或显示底层的内容,用于创造特殊的视觉效果。 #### 六、综合练习示例 - **写毛笔字**:结合钢笔工具和颜色面板等工具,学习如何在Flash中模拟书法效果。 通过以上知识点的学习,...

    jquery灯箱效果

    这种效果可以提供一个半透明的遮罩层,使得用户在查看大图的同时,背景页面内容变得模糊,从而集中用户的注意力。在本文中,我们将深入探讨如何使用jQuery实现这一效果,以及涉及到的关键技术点。 1. **基本原理** ...

    纯CSS制作的网页中的lightbox效果没有JS

    这两个类分别用于创建背景遮罩层和lightbox内容层。 1. **背景遮罩层(black_overlay)**: - `display:none;` 和 `position:absolute;` 控制该层默认隐藏且定位为绝对位置。 - `width:100%;` 和 `height:100%;` ...

    【JavaScript源代码】JavaScript实现简易放大镜最全代码解析(ES5).docx

    - **.small** 包含一个小尺寸的图片以及一个遮罩层(`.mask`),用来捕捉鼠标移动并触发放大效果。 - **.big** 包含一个大尺寸的图片(`.bigimg`),用来显示放大后的图像。 ```html &lt;div class="mask"&gt;&lt;/div...

    简易弹框示例--适用于定制化样式弹框

    在网页开发中,弹框是常见的一种用户交互...在实际应用中,还可以扩展功能,如添加动画效果、拖动功能、遮罩层等,以提供更好的用户体验。这个"简易弹框示例"是一个很好的起点,开发者可以在此基础上进行更深入的定制。

    简易绘图的制作 (八).rar )

    8. **图层蒙版**:使用图层蒙版可以隐藏部分图形,创建出部分透明或部分可见的效果,这对于制作不规则形状或遮罩效果非常有用。 9. **特效应用**:很多软件提供了各种预设特效,如发光、描边、渐变、纹理等,可以...

    GIF Movie Gear 简易教程

    **GIF Movie Gear简易教程** GIF Movie Gear是一款专为创建和编辑GIF动画而设计的强大工具,尤其适合那些希望快速、轻松制作动画而又不想陷入复杂操作的用户。这款软件以其直观的界面和丰富的功能,使得即便是初学...

    Flash知识点总结(有用哦)(吐血推荐).doc

    引导层和遮罩层是特殊的图层类型,引导层能使对象沿路径运动,遮罩层则用于隐藏部分图形,实现局部显示的效果。 综上所述,Flash的知识点涵盖了界面布局、动画原理、图形和元件、帧和图层的理解以及工具和动画类型...

    FLASH动画制作资料课程教学大纲.doc

    课程目标是让学生了解Flash的设计环境和制作流程,能够熟练绘制简单和复杂的图形,掌握导入图形、音频、视频文件的方法,以及制作逐帧动画、补间动画、引导层动画和遮罩层动画。此外,学生还需要掌握基本的编程知识...

    vue 2.0封装model组件的方法

    3. 共同要求:包含标题、关闭图标,点击可确定、关闭或隐藏模型,并且有一个遮罩层来防止用户与背景交互。 基于这些需求,我们可以设计组件结构如下: - `wrapper`:作为整个组件的外层容器,负责遮盖屏幕。 - `...

    AE学习资料-一些简单功能介绍及基本代码

    - **遮罩工具**:创建形状遮罩,用于隐藏或显示特定区域。 - **追踪功能**:运动追踪,可以跟踪画面中的移动物体并应用效果。 - **关键帧助手**:如Ease & Wizz帮助调整关键帧缓动,让动画更加自然。 - **预设库...

    基于jsp的井字游戏实例

    此外,游戏还需要一个遮罩层,提供玩家选择的选项,并在选择后隐藏遮罩层,开始游戏。设计时还需考虑棋盘的布局、下棋的动画效果、胜利或失败的提示等。 6. **调试和优化**:在游戏的开发过程中,遇到的问题和难点...

    JS CSS文章查看系统

    - WindowsTextShow这个功能可能提供了一个交互式的元素,比如浮窗或遮罩层,使得文章阅读更为舒适,不会被页面的其他内容干扰。 2. **响应式设计**: - 从提及的CSS样式来看,虽然没有明确说明,但根据`width`和`...

    基于NIOS ii的IP camera设计

    - **简易运动检测**:提供简单的运动检测算法,可用于触发报警或录制事件。 - **自动白平衡与曝光**:集成自动白平衡和自动曝光功能,确保在不同光照条件下都能获得清晰的图像。 - **多流编码技术**:支持三路流编码...

    会声会影X10中文教程

    - **遮罩创建**:使用遮罩来隐藏或显示部分视频内容。 - **轨透明度**:调整不同轨道间的透明度。 - **360度视频编辑**:支持全景视频的编辑。 #### 十七、文本和图形 - **标题和字幕**:添加和编辑文本元素。 - **...

Global site tag (gtag.js) - Google Analytics