51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#遮罩
mask 遮罩层弹窗禁止页面滚动
1、css样式:.mask{background:rgba(59,59,59,0.9);/*opacity:0.9;*/position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;}.pop{background-color:...
代码星球
·
2021-02-20
mask
遮罩层
弹窗
禁止
页面
vue 禁止遮罩层下的页面滑动
在遮罩层中,设置:<viewclass="tuikuan-showModal"@touchmove.stop.prevent="moveHandle"></view>//遮罩层 在methods中,设置://遮罩层穿透,阻止底部滑动moveHandle(){return;}, ...
代码星球
·
2021-02-20
vue
禁止
遮罩层
页面
滑动
JS实现遮罩层
/**显示loading遮罩层*/functionloading(){varmask_bg=document.createElement("div");mask_bg.id="mask_bg";mask_bg.style.position="absolute";mask_bg.style.top="0px"...
代码星球
·
2021-02-13
JS
实现
遮罩层
layui遮罩层
varloading=layer.msg('正在提交!',{icon:16,shade:0.3,time:0});...
代码星球
·
2021-01-24
layui
遮罩层
基于jQuery图片遮罩滑动文字切换特效
基于jQuery图片遮罩滑动文字切换特效。这是一款jqueryhover鼠标滑动选项卡切换透明背景遮罩文字显示特效。效果图如下:在线预览 源码下载实现的代码。html代码:<divclass="bodyCon07"><divclass="teacher"&...
代码星球
·
2021-01-22
基于
jQuery
图片
遮罩
滑动
基于jquery hover图片遮罩层滑动
分享一款基于jqueryhover图片遮罩层滑动。这是一款仿腾讯课堂的鼠标悬停经过图片遮罩透明层滑动效果。效果图如下:在线预览 源码下载实现的代码。html代码:<divclass="web"><imgsrc="images/course.jpg"/>...
代码星球
·
2021-01-22
基于
jquery
hover
图片
遮罩层
基于jQuery遮罩图片hover翻转效果
基于jQuery遮罩图片hover翻转效果。这是一款基于jQuery+css3实现的鼠标经过遮罩图片翻转特效。效果图如下:在线预览 源码下载实现的代码。html代码:<divclass="index_hd"><divclass="frhd_rmajor-l...
代码星球
·
2021-01-21
基于
jQuery
遮罩
图片
hover
基于jQuery悬停弹出遮罩显示按钮代码
今天给大家分享一款基于jQuery悬停弹出遮罩显示按钮代码。这是是一款当鼠标悬停在图片上后,会出现一系列的按钮,文字等弹性动画效果。效果图如下:在线预览 源码下载实现的代码。html代码:<divid="container"><divclass="main_boxus...
代码星球
·
2021-01-21
基于
jQuery
悬停
弹出
遮罩
一款基于jQuery外观优雅带遮罩弹出层对话框
今天我们要来分享一款基于jQuery的弹出层对话框插件,该插件包含多种对话框类型,比如提示框、确认框等。更为实用的是,这款jQuery对话框中的按钮事件也可以被我们所捕获,从而相应对话框按钮的各种事件,用起来非常方便。在线预览 源码下载实现的代码。html代码:<centercl...
代码星球
·
2021-01-21
一款
基于
jQuery
外观
优雅
基于jQuery向下弹出遮罩图片相册
今天给大家分享一款基于jQuery向下弹出遮罩图片相册。单击相册图片时,一个遮罩层从上到下动画出现。然后弹出显示图片。这款插件适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。在线预览 源码下载实现的代码。html代码:<c...
代码星球
·
2021-01-21
基于
jQuery
向下
弹出
遮罩
CSS遮罩层,全兼容
<scripttype="text/javascript">$(function(){$('#divLocker').css({"position":"absolute","margin-left":0,"margin-top":0,"background":"rgba(0,0,0,0.8)","heigh...
代码星球
·
2020-12-30
CSS
遮罩层
兼容
Vue 实现点击空白处隐藏某节点(三种方式:指令、普通、遮罩)
在项目中往往会有这样的需求:弹出框(或Popover)在show后,点击空白处可以将其hide。针对此需求,整理了三种实现方式,大家按实际情况选择。当然,我们做项目肯定会用到UI 框架,常见的Element中的组件提供了这样的方法。但是,就算使用框架,有些时候还是要用到的,比如:Element中的Popove...
代码星球
·
2020-12-24
Vue
实现
点击
空白处
隐藏
js+html实现遮罩层效果(收藏哦)
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><scripttype="text/javascript"src="js/jquery-1.8.3.min.js"...
代码星球
·
2020-08-20
js+html
实现
遮罩层
效果
收藏
mui 卡片视图 遮罩蒙版
<!DOCTYPEhtml><html><head><metacharset="utf-8"><metaname="viewport"content="width=device-width,initial-scale=1,minimum-sc...
代码星球
·
2020-08-02
mui
卡片
视图
遮罩
bootstrap弹框去除遮罩层效果
是通过css解决这个问题,核心css代码如下:.modal-backdrop{filter:alpha(opacity=0)!important;opacity:0!important;}alpha和opacity通常是决定透明度。alpha和opacity区别是什么?相同点:都是值为0表示完全透明,值为1表示完全不透...
代码星球
·
2020-07-24
bootstrap
弹框
去除
遮罩层
效果
首页
上一页
1
2
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他