遮罩层

CSS实现鼠标移至图片上显示遮罩层效果

1、将遮罩层html代码与图片放在一个div我是放在.img_div里。APictureoffood2、为图片及遮罩层添加样式图片：relative遮罩层：absolute使两者样式重合。
·2019-11-20 21:27

解决vue和el-dialog的遮罩层消失

一、解决vue和elementUI中对话框的遮罩层消失，在el-dialog标签里添加:modal-append-to-body=‘false’错误分析1）若el-dialog弹出框设置了modal-append-to-body
非渔驿站·2019-11-04 11:08

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

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

layui提交ajax请求时layer遮罩层不生效的解决过程

最近项目中需要实现一个保存公司信息的功能，提交保存是一个ajax请求form.on('submit(add)',function(data){data.field.companyType=$("#sltCompanyType").val();data.field.hrCompanyTradeId=$("#sltTradeType").val();varloading=layer.load(2,{s
HenrySun1993·2019-10-10 12:55

UIView任意角圆角和圆角边框

圆角原理：设置view.layer.mask该遮罩层。圆角边框：在view.layer上增加一层，绘制圆角边框。
生命不止运动不息·2019-10-04 15:04

vue修饰符

事件修饰符：.stop阻止事件冒泡.prevent阻止默认事件.capture事件捕获.self将事件绑定到自身.once只会触发一次例：解决弹窗touch滚动body问题//弹窗遮罩层//弹窗内容层/
coder丶L·2019-09-27 14:07

uni-app自定义Modal弹窗组件|仿ios、微信弹窗效果

开发的自定义模态弹窗|msg信息框|alert对话框|confirm确认框|toast弱提示框支持多种动画效果、多弹窗类型ios/android、可以自定义弹窗样式/自定义多按钮及事件/弹窗显示位置、自动关闭秒数、遮罩层透明度及点击遮罩是否关闭
xiaoyan2017·2019-09-26 10:00

基于jQuery实现的双11天猫拆红包抽奖效果

说明：.opacity是抽中奖的遮罩层；.red是抽奖图片；.windows是抽中奖的界面CSS部分：@-webkit-key
·2019-09-25 04:12

jQuery实现切换页面过渡动画效果

HTML结构该页面切换特效的HTML结构使用一个元素来作为页面的包裹元素，div.cd-cover-layer用于制作页面切换时的遮罩层，div.cd-loading-bar是进行ajax加载时的loading
·2019-09-25 03:34

兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码

在页面点击"注册"，出现一层有不透明度的黑色遮罩；遮罩层的上方是注册框；此时无法点击页面上除注册框外的其他元素；点击注册框上的"随便逛逛"，遮罩层消失。
·2019-09-25 01:20

微信小程序 自定义对话框实例详解

getApp()Page({data:{animationData:"",showModalStatus:false},onLoad:function(){},showModal:function(){//显示遮罩层
·2019-09-24 14:43

微信小程序 Toast自定义实例详解

getApp()Page({data:{animationData:"",showModalStatus:false},onLoad:function(){},showModal:function(){//显示遮罩层
·2019-09-24 14:43

jQuery Dialog 打开时自动聚焦的解决方法(两种方法)

方法一：p1_dialog_seniorSearch.dialog({title:"高级查询",autoOpen:false,//默认关闭modal:true,//开启遮罩层width:570,height
·2019-09-24 05:06

Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)

Jquery实现遮罩层的简单实例(就是弹出DIV周围都灰色不能操作)Jquery遮罩层#BgDiv{background-color:#e3e3e3;position:absolute;z-index:
·2019-09-24 03:56

JavaScript编写页面半透明遮罩效果的简单示例

半透明遮罩层效果基本上都是使用插件实现的，下面为大家分享下使用原生js实现半透明遮罩效果，感兴趣的朋友可以参考下哈，希望对你熟悉原生js有所帮助现在注册关闭用户名密码varmyAlert=document.getElementById
·2019-09-24 02:00

老生常谈遮罩层 滚动条的问题

今天遇到的问题是，在弹出层后面的遮罩层，因为有滚动条，导致滚动条下面不可视区域没有遮罩层，解决方式是加的css。
·2019-09-24 01:25

javascript实现一个简单的弹出窗

功能介绍：点击一个按钮，然后页面会弹出一个窗口，而页面原来的内容会保持不变，只是在其页面上加了一个遮罩层，设置了不透明度，弹出的窗口可设置在固定位置，也可以自由设定，常见于网站的登录按钮。
·2019-09-24 01:47

jquery实现简单的遮罩层

本文实例讲解了jquery遮罩层，包括遮罩层的不同样式实现、mask实现遮罩层等，分享给大家供大家参考，具体内容如下一、jQuery实现遮罩层的不同样式1.1背景半透明遮罩层样式需要一个黑色（当然也可以其他
·2019-09-24 00:43

jquery实现的弹出层登录和全屏层注册特效代码分享

具体如下：jquery实现的弹出层登录和无刷新切换全屏层注册特效源码，是一段非常适合现代审美观的网站登录和注册效果代码，本段实例主要表现在点击登录后在当前页面内弹出登录遮罩层，而点击注册链接时，在当前页面内无刷新显示全屏注册层效果
·2019-09-23 23:03

Jquery 实现弹出层插件

1：遮罩层要弹出层，先要用一个遮罩层挡在下面的页面，此遮罩层是全屏的，页面滚动也要有，所以设置position:fixed;还要有透明效果，下面是我定义的遮罩层css,取名mask复制代码代码如下:.mask
·2019-09-23 20:01

js实现遮罩层弹出框的方法

本文实例讲述了js实现遮罩层弹出框的方法。分享给大家供大家参考。
·2019-09-23 20:25

使用原生JS实现弹出层特效

创建遮罩层复制代码代码如下:_createCover:function(){varnewMask=document.createElement("div");newMask.id=this.
·2019-09-23 20:03

web前端设计师们常用的jQuery特效插件汇总

1.jQuery鼠标悬停文字渐隐渐现动画效果这是一款基于JQuery实现的鼠标悬停文字渐隐渐现动画效果源码，是一款鼠标悬停后图片渐渐有一层透明遮罩层，同时说明文字从左侧滑入，鼠标离开后文字从右侧滑出，整体效果美观自然
·2019-09-23 19:03

js css 实现遮罩层覆盖其他页面元素附图

z-index必须大于遮罩元素demo无标题文档ul,ulul{list-style-type:none;margin:0;padding:0;width:15em;}ula{display:block;text-decoration:none;}ulli{margin-top:1px;}ullia{background:#333;color:#fff;padding:0.5em;}ullia:h
·2019-09-23 19:28

WinForm特效之桌面上的遮罩层实现方法

本文实例讲述了WinForm特效之桌面上的遮罩层实现方法，分享给大家供大家参考之用。具体如下：这个一个窗体特效，可以帮你了解几个windowsapi函数。
·2019-09-23 19:32

js实现遮罩层划出效果是生成div而不是显示

同遮盖层划入一样，单纯的遮盖层划出的话算的上是非常简单了，但是在这里它却就不这么简单了，而且我前面还选了个比较麻烦的生成div，而不是显示存在的div，这里有那么几点需要特别注意：1、遮盖层出现后，鼠标哪怕不动，也已经是在遮盖层上，已经不再给出的div区域了，所以注意监听的位置；2、onmouseout和onmouseover都是瞬时触发的，这点很重要；3、在实际应用中，已存在的div的显示比临时
·2019-09-23 18:12

jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7

这是多么能让千万只草原上的马儿奔腾的要求~~~先实现一个比较简单的功能：需求：网页遮罩层/弹出层，兼容IE6幸好本�潘恳郧按厦魇占�了个js的版本，so，自己改写成了jQuery插件形式的，方便以后使用
·2019-09-23 18:52

jquery+css3实现熊猫tv导航代码分享

通过jquery来改变遮罩层（.ph-nav_shadow）的left与width值，css3加上动画效果实现绿色框的动画。通话jquery对li标签类的添加与删除实现文字颜色的变化。
·2019-09-23 02:09

js实现做通讯录的索引滑动显示效果和滑动显示锚点效果

这里会有个问题，就是如果你的页面中有遮罩层这一类的顶层元素的话，请将其pointer-events:none，就
·2019-09-22 19:13

js鼠标悬浮出现遮罩层的方法

本文实例讲述了js鼠标悬浮出现遮罩层的方法。分享给大家供大家参考。
·2019-09-22 15:19

基于 Vue 的商品主图放大镜方案

图1原理图（以2倍放大为例）相信原理图已经画的很明白了，图中，左侧框是小图框，其蓝色区域为图片遮罩层（需
政采云前端团队·2019-09-20 20:50

基于 Vue 的商品主图放大镜方案

图1原理图（以2倍放大为例）相信原理图已经画的很明白了，图中，左侧框是小图框，其蓝色区域为图片遮罩层（需放大区域），右侧框是整个大图目前所在区域，其蓝色区域是放大区
可乐程序员·2019-09-20 15:08

基于Vue的商品主图放大镜方案详解

图1原理图（以2倍放大为例）相信原理图已经画的很明白了，图中，左侧框是小图框，其蓝色区域为图片遮罩层（需放大区域），右侧框是整个大图目前所在区域，其蓝色区域是放大区
政采云前端团队·2019-09-19 08:24

解析移动端滚动穿透

一个最常见的场景就是整个页面上有一个遮罩层，上面画着各种各样的东西，具体是什么就不讨论。实现这样一个遮罩层可难不住
Jiavan·2019-09-07 00:00

vue dialog嵌套，遮罩层遮盖住对话框的解决方法

在vue的dialog中嵌套dialog，弹出里层的dialog时，发现被dialog的遮罩层挡住了，如下所示：官方文档中的嵌套dialog例子指出了原因：对于确实需要嵌套Dialog的场景，提供了append-to-body
＊且听风吟·2019-09-03 19:42

移动端使用e.preventDefault()禁止滚动及取消

34095f77e410相信大家写移动端的时候都会碰到这个问题，当写活动规则弹窗的时候如果页面过长了，即使规则是100%高度覆盖全屏但是如果在上面滑动还是可以拖动背景，有的时候为了更好地体验，我们往往需要在遮罩层存在的情况下干掉背景的滚动效果
laihaodong·2019-09-02 14:30

【Swift4.2】利用运行时给UIView写延展筛选面板

开发设计在开发这个界面的时候我们是这个的，筛选面板中的视图，我们是不可能一劳永逸的，每个开发需求都是不一样的，定制化的东西计较多，所以我们没有办法一劳永逸的界面，我们唯一能一劳永逸的地方是，这个左滑的动画以及遮罩层点击的点击事件
_huanzi·2019-09-01 00:33

bootstrap使用Modal,关闭弹框遗留遮罩层

前两天，用公司封装的框架，写了一个弹框，两个弹框操作相隔时间很短，第二个弹框出现遮罩层。//手动清除$(".modal-backdrop").remove();发现弹框关闭后滚动条不好使。
阳光女孩prl·2019-08-30 15:13

UIPickerView 模块示例demo

同时本模块支持自定义是否显示遮罩层及其样式，可监听用户点击遮罩层、导航条左右按钮等事件，并在监听的事件里自行设置显示/隐
罗那尔刘能·2019-08-26 14:35

UIPickerView 模块示例demo

同时本模块支持自定义是否显示遮罩层及其样式，可监听用户点击遮罩层、导航条左右按钮等事件，并在监听的事件里自行设置显示/隐
攻城狮Right·2019-08-26 00:00

iOS 给View添加一个渐变色边框

主要思路添加一个CAGradientLayer,这个CAGradientLayer的遮罩层是一个填充透明的CAShapeLayer，渐变色的颜色、方向由CAGradientLayer的colors、startPoint
某某香肠·2019-08-25 00:01

css 遮罩层简单应用

html测试css#bg{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.7;opacity:.70;filter:alpha(opacity=70);}#show{display:none;position
路灯下的boy·2019-08-20 14:34

dialog 弹出框，遮罩层覆盖内容

写完项目没太注意，并且情况是偶尔发生，点击dialog的弹出框的时候，灰色遮罩层会覆盖内容上面，这样的话可能是由于我们会发现浏览器遮罩层高于盒子遮罩层，会照成这样的问题，也有可能是我们给父元素加了定位元素
AnlanJion·2019-08-16 17:55

原生JS实现放大镜效果(详解)

鼠标1.思路分析:三事两线三个事件:鼠标移入:显示出大图片和黄色遮罩鼠标移动:盒子跟随鼠标移动，且鼠标在盒子的中心位置,同时大图片按比例移动鼠标移出:隐藏大图片和遮罩层两线:e.pageX,e.pageY
前端龙跃空·2019-08-14 15:02

小程序遮罩层效果实现

现在有一个需求，要求用户点击邀请按钮时能弹出一个遮罩层，使用户只能在遮罩层内操作，当用户点击取消按钮或者遮罩层内空白处的时候遮罩层就会消失，刚开始想复杂了，同事点拨一下之后发现其实并不难实现，很简单的一个功能
远方的异特·2019-08-10 11:00

css常用笔记

备份一下前端常用的笔记，并做一些说明目录1.css中的bottom原理2.透明3.div背景图片平铺4.边框圆角5.背景渐变6.奇数偶数选择7.滚动条样式设置8、flex实现垂直居中9.div阴影10.遮罩层不影响底部内容的事件
jicai520·2019-08-01 14:26

微信小程序防止输入框被键盘遮住

情景复现：点击按钮弹窗遮罩层，底部有个input输入框，点击输入框要唤起软键盘，如果不做处理，软键盘会遮住fixed定位的元素官方给出的解决方案是在input框上设置cursor-spacing属性https
here962464·2019-07-30 16:59

mui 的loding 加载动画效果，

mui.showLoading//显示加载框varshowLoading=function(message,type){varhtml='';html+='';html+=''+(message||"数据加载中")+'';//遮罩层
CY2017·2019-07-24 10:10

利用mask-image，制作走马灯效果

mask-image:为元素添加图片遮罩层，跟ps里面的遮罩层用法类似；适用于：所有元素;在SVG中，它适用于除defs元素和所有图形元素之外的容器元素；属性默认值：mask-image：none/url
牛妈代代·2019-07-22 15:05

解决el-dialog使用时无法正常弹出的问题

在使用el-dialog,发现无论怎么做,该对话框也无法显示,前端也没有报错.点击按钮时,发现遮罩层已经出来了,但对话框没有显示.经查,缺少属性append-to-body,将该值设置为true即可增加该属性
爱余星痕·2019-07-21 19:21
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他