按钮：<div class="download" @click="downApp">立即下载</div> 遮罩层：<div class="dark" v-show="ShowDark"></div> 弹框：<div class="pop" v-show="ShowPop" style="displa ...
分类：
微信 时间：
2018-01-23 00:57:52
阅读次数：
2878
1 2 取消遮罩层 创建弹窗 弹窗点击 遮罩层点击 3 . 4 5。柔和的效果 css样式：https://daneden.github.io/animate.css/ <!DOCTYPE html> {% load staticfiles%} <html> <head> <meta charset ...
分类：
其他好文 时间：
2018-01-01 18:17:38
阅读次数：
170
圆形进度条参考链接即可：使用css3实现圆形进度条 需求点击下载后遮罩层显示下载进度： 1.圆形进度条参考以上链接，有点小瑕疵，可更改定位距离实现重合。 2.遮罩层： .lbOverlay{ display: none; position: fixed; left: 0; top: 0; zoom: ...
分类：
其他好文 时间：
2017-12-22 18:33:17
阅读次数：
198
1、遮罩层宽高100%，position，不占位 2、注册a标签的删除事件，用on()方法，以方法可以动态添加，之前js需要利用冒泡属性（父标签注册事件，子标签冒泡，target li触发事件） 3、$(".add input:eq(1)").prop("checked")?$(".add inpu ...
分类：
Web程序 时间：
2017-12-15 00:46:12
阅读次数：
225
cvi_busy_lib.js： cvi_busy_lib.js 是一个基于ajax的遮罩js，遮罩区域为body区域。使用比较简单。 效果： 在下面的Js代码，标注为红色标记为需要设置的参数。 1、getBusyOverlay(id, overlay, busy) 为遮罩层的方法， id：需要写v ...
分类：
Web程序 时间：
2017-12-14 10:29:13
阅读次数：
463
一、方法一 若用此方法，拉动滚动条时会出现页面下部遮罩层盖不住的情况，原因在于position取值为absolute，此时可以结合js或者jquery动态设置遮罩层的宽和高，从而实现全覆盖： 二、方法二 或者直接给position取值为 fixed，避免页面的滚动 ...
分类：
其他好文 时间：
2017-12-13 20:16:18
阅读次数：
193
background:rgba(); 是css3新增的。它非常实用，可以很简单的就做出一个背景透明而内容不透明的遮罩层。 可惜的是IE8及IE8以下并不兼容该属性。但我们可以通过IE下的滤镜来实现rgba的效果。 以上代码即可实现在IE8下兼容background:rgba(); 这里只说一下 IE ...
分类：
其他好文 时间：
2017-12-11 14:14:43
阅读次数：
140
原作者地址：https://github.com/lemontree2000/vue magnify 经测试，原插件在使用时有bug,即在预览时进行鼠标滚动，导致遮罩层计算错误。我已修复该bug,特分享出来。 组件核心代码： 使用： 效果图： ...
分类：
其他好文 时间：
2017-11-28 19:50:15
阅读次数：
1323
在开发中，为了避免二次提交，遮罩层的运用越来越普遍 看了很多代码，下面跟大家分享一下我认为最简单的遮罩层实现方式： 1.样式如下设置： CSS代码： [html] view plain copy <style type="text/css"> .mask { position: absolute; ...
分类：
Web程序 时间：
2017-11-25 18:31:53
阅读次数：
221
遮罩两种关闭方法： 1 点击X号关闭 HTML代码 css 代码 灰色的遮罩是一个大的div ，设置固定定位，背景色用rgba（）， jQuery 代码 2 点击空白处关闭 html 代码 css代码 jQuery 代码 相关知识点： 3 position:absolute;margin:auto; ...
分类：
其他好文 时间：
2017-11-24 17:56:57
阅读次数：
195
