遮罩层

设置图片渐变效果，遮罩层、半透明

//设置图片渐变效果，遮罩层，半透明CAGradientLayer*_gradientLayer;_gradientLayer=[CAGradientLayerlayer];_gradientLayer.borderWidth
shiningchen322·2020-06-26 09:54

妞，给爷笑一个 - jQuery扫码打赏特效

我们先来简单分析一下这个整一个效果的基本结构：因为图片展示有限，我这边只是展示的动态部分，本身它是有遮罩层的，另外盒子是水平垂直居中的。
叮咯咙咚DQ·2020-06-26 09:36

Android WindowManager的使用 & 添加 遮罩层 实现夜间模式

packagecom.example.testnight;importandroid.app.Activity;importandroid.content.Context;importandroid.graphics.PixelFormat;importandroid.os.Bundle;importandroid.view.Gravity;importandroid.view.Menu;impo
sfshine·2020-06-26 08:45

42，css遮罩层

css外层DIV半透明内层div不透明-弹出层效果的实现【实例】.tanchuang_wrap{width:600px;height:400px;position:absolute;left:0px;top:0px;z-index:100;display:none;}.lightbox{width:600px;z-index:101;height:400px;background-color:re
滔滔逐浪·2020-06-26 05:41

layer加载遮罩层使用 Ajax Loading Demo

AjaxLoadingDemo;!function(){layer.config({//加载扩展模块extend:'extend/layer.ext.js'});layer.ready(function(){});}();functionityzl_SHOW_LOAD_LAYER(){returnlayer.msg('努力中...',{icon:16,shade:[0.5,'#f5f5f5'],s
南京煜之隆·2020-06-26 05:46

解决遮罩层上方元素可以滚动禁止遮罩层下方滚动问题

**解决遮罩层上方元素可以滚动禁止遮罩层下方滚动问题1.有兼容性问题,苹果和安卓低版本滑动时屏幕上下部分会闪动打开遮罩层时：document.documentElement.style.overflowY
qq_42661904·2020-06-26 00:30

小程序点击按钮出现和隐藏遮罩层

最近在实现一个小功能，点击按钮的时候，会从右侧滑动弹出一个信息层，与此同时，信息层会和遮罩层一起出现，于是小程序的动画功能和小程序点击按钮出现和隐藏遮罩层分开写成了demo了。
祈澈菇凉·2020-06-25 11:23

遮罩层以下内容不可滚动的实现

遮罩层*{padding:0;margin:0;}.mask{position:absolute;top:0px;filter:alpha(opacity=60);background-color:#777
慕纳兰·2020-06-25 10:17

[微信小程序]实现一个自定义遮罩层组件(完整示例代码附效果图)

正文：先上效果图:点击按钮Show显示遮罩层,再次点击屏幕任何地方隐藏遮罩层;Show申请成功您的密码为:123456.bg{display:none;position:absolute;top:0%;
a_靖·2020-06-25 09:18

弹出遮罩层,禁止蒙层底部页面跟随滚动

弹出遮罩层（遮罩层必须根据浏览器视窗固定定位，poistion:fixed）position:absolue;与poistion:fixed区别：没有滚动条的情况下没有区别1.position:absolue
DDZhuALAY·2020-06-25 08:00

弹出层禁止页面滚动

在做移动端遮罩层时，发现页面可以上下滚动，踩了N个坑之后，总算是解决了这个问题。禁止滚动给body设置宽高都是100%，固定在左上角，溢出隐藏的样式。
徐向博·2020-06-25 08:29

element-ui框架的el-dialog弹出框被遮罩层挡住了

实现效果：问题解析先来看看element-ui官网提供的属性说明文档文档解释：翻译成大白话就是，若el-dialog弹出框设置了modal-append-to-body=‘true’（默认）属性，它的遮罩层就会被插入到
proyzplus·2020-06-25 05:11

微信内置浏览器window.opener不能使用

解决方案：1.使用遮罩层2.通过跳转，参数传递jq跳转导致wx获取api异常在微信获取地理位置时，本来获取好好的，在一个页面跳转后发现获取不了地理位置，返回信息：getLocation:fail,
EarthXuan·2020-06-25 03:44

bootstrap在一个模态框上弹出另一个模态框遮罩层问题

bootstrap3官网明确指出千万不要在一个模态框上重叠另一个模态框。要想同时支持多个模态框，需要自己写额外的代码来实现。bootstrap3相关源码分析开发过程中经常会遇到在一个模态框上弹出另一个模态框，bootstrap.css中模态框的z-index为1050.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;d
qq_24591547·2020-06-25 02:13

移动web端视频层级最高，视频弹窗层被遮挡的解决方案探究

一.背景相信有不少同学在开发移动web端带视频的页面时，在部分浏览器上视频的显示层级最高，遮罩层，弹窗之类都被视频遮盖。
__zackxiong__·2020-06-25 01:57

新增/编辑状态下页面部分不能编辑

给整个页面增加一个遮罩层，将要编辑的元素加上.pos-5类即可;如下代码，active_saveBtn的值为true时，"新增"按钮是不可编辑的新增保存取消/*遮罩层大小100%整个页面不可编辑*/.bg-cover
啊啊啊阿南·2020-06-24 14:36

iOS-SVProgressHUD进度框

使用简单方便，Show和Dismiss基本上解决了绝大多数的问题.FlyElephant.png官方Demo中有三个重要的设置选项，弹出框背景色(Style)，动画类型(AnimationType)及遮罩层颜色
FlyElephant·2020-06-24 05:13

分享一个灰常简单好用的jQuery弹出层插件:jquery.artwl.thickbox.js

原文地址为：分享一个灰常简单好用的jQuery弹出层插件:jquery.artwl.thickbox.js最终效果：插件原理所有弹出层的原理都差不多，就是用一个全屏半透明DIV做遮罩层，在这个遮罩层上再显示出一个层放要显示的内容
linjcai·2020-06-24 05:23

js判断鼠标进入容器的方向

浏览网页的时候看到一个特效，遮罩层根据鼠标进入div的方向来显示，于是就对js判断鼠标进入div容器的方向这部分感兴趣，在网上找了一篇分析，总结在这里。
shirley云·2020-06-24 05:02

如何禁止遮罩层下方页面滚动（包括手机端和PC端）

同样手机端需要添加阻止默认事件//阻止默认事件$('body').on('touchmove',function(event){//手机端添加此段event.preventDefault();},false)//点击打开遮罩层
leo_shire·2020-06-24 03:15

el-dialog拖动

*给dialog设置:close-on-click-modal="false",禁止点击遮罩层关闭弹出层*如果是form表单，不要将提交等按钮放
juceli·2020-06-23 23:37

微信、QQ中app的下载问题

最近在做一个项目，有一项功能是从微信中的分享页或者产品推广页面中下载app；在微信中直接下载app时微信是“拒绝”的，所以一般的做法是点击下载按钮弹出遮罩层，提示在浏览器中打开，然后进入外部浏览器，再次点击下载按钮进行下载
binaryTree_fe·2020-06-23 23:18

Android自定义遮罩层

最近公司项目要求有遮罩层功能，于是在网上查了几个，并没有太合适的，只能将在网上查到的相似的功能修改一下，修改完后的遮罩层可以随意调整遮罩层圆圈的位置，并且遮罩层圆圈还可以不停的放大缩小。
馒头炖土豆·2020-06-23 22:59

css遮罩层上面的弹框里面的内容可以滑动，外面的页面不可以滑动保持之前滑动的位置不变

前言最近做手机端用到了一个弹框里面的滑动，就是点弹框时外面一层的位置保持在之前滑动的位置，点取消滑动时恢复到之前滚动的位置不断地积累废话不多说啦。直接来看张图吧？现在开始撸代码啦！css部分：.ruleBg{display:none}.ruleMask{z-index:99;background:rgba(0,0,0,0.54);top:0;left:0;width:100%;height:100
公主今日不上班·2020-06-23 22:54

在HTML中点击提交、添加、修改等按钮时，添加等待loading遮罩层 ----JAVA

给用户更好的体验感使用到的技术：thymeleaf也可不使用thymeleaf，在文章中代码把相关的信息删除就可以这个地方先看html中的代码片段有一个submit按钮做提交操作下边是引入一个loading图片，显示在遮罩层中
huorongkai·2020-06-23 16:25

IFRAME的各种经验总结

的确它之前的应用非常广泛，它可以实现无缝刷新，模拟onhashchange跨域，安全的加载第三方资源与广告，实现富文本编辑，文件上传，用它搞定IE6-IE7的selectBUG（select标签会移到遮罩层的上面来
wavesnow·2020-06-23 09:20

前端遇见的问题解决

自己的网站需要一个遮罩层当做装饰。
青缘何夕·2020-06-23 06:28

弹出遮罩层后禁止底部页面滚动

stop(){varmo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);//禁止页面滑动},/***取消滑动限制***/move(){varmo=function(e){e.preventDefault();
diaozhuo4930·2020-06-23 04:14

不会配色？来看看网页设计中怎样使用柔和色调

柔和的照片照片上的柔和遮罩层，或是在恰当的光照环境中
diaobu2004·2020-06-23 04:37

微信如何跳到外部浏览器进行 APP 手机应用的下载

2、就是制作一个遮罩层提示用户在浏览器打开。3、就是遮罩层提示用户浏览器打开的升
haveAPI·2020-06-23 00:21

SlipHover – 动画遮罩层跟随鼠标移动

简介SlipHover是一个基于jQuery的插件，它能够感知鼠标移动方向，并在相应的方向（或反方向）以动画的方式显示出一个遮罩层，用来显示标题或描述，应用到幻灯片或相册中是个不错的选择。
cc蒲公英·2020-06-22 20:43

C#截图源码及示例（仿QQ截图）

1、截图时添加遮罩层2、响应键盘事件ESC3、默认鼠标样式4、保存默认文件名5、截图时立即执行OnPaint函数CSDN下载地址：http://download.csdn.net/detail/bdstjk
BDS·2020-06-22 17:36

Vue.js+Element UI实现“显示更多”和“收起”效果

内容是从后台一次性获取到的，不存在点击“阅读更多”再去请求一次后台获取剩余数据的可能；通过第一步其实可以得出，CSDN是通过控制显示元素的高度来实现这一功能，而非控制内容的获取；可以看到“阅读更多”按钮上有一层渐变遮罩层
桔子味的橘子·2020-06-22 09:14

微信小程序实现遮罩层(弹框)

实现微信小程序的遮罩层，代码可以在以下链接下载，没有积分可以留言邮箱地址，私发~~index.wxml遮罩层点击确定遮罩层确定点我显示设置各个控件背景及属性index.wxss.zhezao{position
Why_n·2020-06-22 08:48

微信小程序中遮罩层的实现

近期在写一点小东西，碰到遮罩层，今天把它总结下来，方便大家共同学习：有好几种方法，今天先来第一种。
Syleapn·2020-06-22 06:29

小程序canvas生成海报以及保存相册授权

小程序使用canvas生成海报以及保存相册授权，上代码生成海报生成海报分享给朋友保存图片请在设置中打开相册权限~知道了下面是wxss/*整体遮罩层*/.modals-cancel{position:fixed
Rocky_cx·2020-06-22 04:12

demo-ui 源码分析 知识点总结

项目链接：https://github.com/cocos-creator/demo-ui1.游戏开始效果loading、mask遮罩来看看这个游戏加载特效是怎么实现的障眼法：利用黑色遮罩层和Loading
CHU20142014·2020-06-21 18:02

如何微信跳到外部浏览器进行 APP 手机应用的下载

2、就是制作一个遮罩层提示用户在浏览器打开。3、就是遮罩层提示用户浏览器打开的
七家论语皆出我·2020-06-21 06:01

遮罩层上滚动，使下方的列表随之滚动

效果遮罩层为一张边框样式图（如下图）：边框样式遮罩层显示在最上方，然后是中间的列表，最下层是一个透明黑色遮罩层，滚动鼠标滚轮，能控制列表滚动实现原理注册最上面遮罩层的滚动事件，拿到滚动滚动方向，然后控制列表滚动的方向和距离上代码注册事件
coding_forever·2020-06-21 03:52

用react封装一个 Dialog组件的填坑之旅

做之前就对稿子仔细分析一番，最后得到结论就是先做一个基本的有遮罩层的D
0月·2020-06-17 14:52

css hover水滴涟漪效果

实现逻辑1.给盒子添加遮罩层,初始大小为0,hover效果放大2.判断鼠标进入位置,上下左右四个方向3.拿到鼠标在盒子内的X/Y坐标位置,e.pageY-$(this).offset().top4.鼠标进入动画
大东哦哦·2020-06-15 10:48

jquery 手写一个简单浮窗的反面教材

3.需要动态控制遮罩层。4.当窗体滚动的时候，我需要去让这块移动，那么这块区域的定位应该是绝对定位的。
团队buff工具人·2020-06-09 20:00

.Net Core WebAPI + Axios +Vue 实现下载与下载进度条

本来是已经压缩过了，不过第一反应应该是用户下的数量多，导致压缩包很大，然后自己测试发现，只是等待的时间比较久而已，仍然是下载状态中，并不是系统慢，但是用户体验肯定是最直观的，确实是我们做得不够好，单纯弹出遮罩层显示冰冷的
山治先生·2020-06-09 17:00

Qt开源作品24-遮罩层窗体

一、前言在有些项目中，需要在弹框的窗体背后遮罩原有主窗体，使得突出显示弹窗窗体，突然想到之前写过一个全局截屏的东东，原理一致，拿来改改。只需要引入一个头文件和实现文件，然后在主窗体中设置下需要遮罩的主窗体和可能弹窗窗体的类名即可，就是如此简单。可以支持多个窗体列表。原理很简单，先安装事件过滤器，拦截QEvent::Show事件，拿到当前窗体，如果在需要遮罩的窗体列表中，则弹出半透明的窗体，大小和弹
feiyangqingyun·2020-06-01 15:20

纯css动画实现箭头向右无限前进

适用场景和效果描述：箭头线的宽度不定，箭头一直向右循环前进，且可随意设置颜色做不来gif，将就看吧原理：背景设置渐变色，通过控制遮罩层的图形样式和位置，来实现箭头向右移动的效果，优点遮罩图形和背景图相似不设置是否重复就会无限重复
微笑是我_f8bb·2020-05-25 11:29

如何使用vue slot创建一个模态框的实例代码

【1】遮罩层：承载内容，管理样式布局。【2】内容层：控制遮罩层的显示与否。遮罩层和内容区之间应该解耦。遮罩层和内容区之间应该解耦。遮罩层和内容区之间应该解耦。
·2020-05-24 14:45

layui弹框自适应高度

layer.open({skin:'layui-layer-molv',type:1,title:'预览',area:['640px','95%'],//高度设置为95%,防止超出可视范围shade:0.8,//遮罩层透明度
pannijingling·2020-05-15 16:46

vant增加全局遮罩层

vant默认提供的加载遮罩太水了，也可能是我太水了不会用，所以找大神写了一个，我抄过来了增加遮罩控件在任意位置增加如下两个文件，注意loadingIndex.js引用loading.vue时路径要修改成你的：模板文件：loading.vue{{title||'加载中···'}}js文件：loadingIndex.jsimportvuefrom'vue'importloadingComponentf
地对地导弹·2020-04-24 16:00

iOS 透明遮罩层

有时候功能引导页需要对指定部分可见,其余为黑色遮罩.这时候需要用到图层绘制方法一:用CAShapeLayer实现一个镂空加描边的蒙版#import"GuideView.h"#defineMLScreenH[UIScreenmainScreen].bounds.size.height#defineMLScreenW[UIScreenmainScreen].bounds.size.width@impl
Jesscia_Liu·2020-04-12 23:42

微信如何跳到外部浏览器进行 APP 手机应用的下载

2、就是制作一个遮罩层提示用户在浏览器打开。3、就是遮罩层提示用户浏览器打开的升级
奇怪的你我·2020-04-12 08:40
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他