51Dev开发社区
登录 注册

#遮罩

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

vue 禁止遮罩层下的页面滑动
在遮罩层中，设置：<viewclass="tuikuan-showModal"@touchmove.stop.prevent="moveHandle"></view>//遮罩层 在methods中，设置：//遮罩层穿透，阻止底部滑动moveHandle(){return;},　　...
代码星球 代码星球·2021-02-20

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

layui遮罩层
varloading=layer.msg('正在提交！',{icon:16,shade:0.3,time:0});...
代码星球 代码星球·2021-01-24

基于jQuery图片遮罩滑动文字切换特效
基于jQuery图片遮罩滑动文字切换特效。这是一款jqueryhover鼠标滑动选项卡切换透明背景遮罩文字显示特效。效果图如下：在线预览    源码下载实现的代码。html代码：<divclass="bodyCon07"><divclass="teacher"&...
代码星球 代码星球·2021-01-22

基于jquery hover图片遮罩层滑动
分享一款基于jqueryhover图片遮罩层滑动。这是一款仿腾讯课堂的鼠标悬停经过图片遮罩透明层滑动效果。效果图如下：在线预览    源码下载实现的代码。html代码：<divclass="web"><imgsrc="images/course.jpg"/>...
代码星球 代码星球·2021-01-22

基于jQuery遮罩图片hover翻转效果
基于jQuery遮罩图片hover翻转效果。这是一款基于jQuery+css3实现的鼠标经过遮罩图片翻转特效。效果图如下：在线预览    源码下载实现的代码。html代码：<divclass="index_hd"><divclass="frhd_rmajor-l...
代码星球 代码星球·2021-01-21

基于jQuery悬停弹出遮罩显示按钮代码
今天给大家分享一款基于jQuery悬停弹出遮罩显示按钮代码。这是是一款当鼠标悬停在图片上后，会出现一系列的按钮，文字等弹性动画效果。效果图如下：在线预览   源码下载实现的代码。html代码：<divid="container"><divclass="main_boxus...
代码星球 代码星球·2021-01-21

一款基于jQuery外观优雅带遮罩弹出层对话框
今天我们要来分享一款基于jQuery的弹出层对话框插件，该插件包含多种对话框类型，比如提示框、确认框等。更为实用的是，这款jQuery对话框中的按钮事件也可以被我们所捕获，从而相应对话框按钮的各种事件，用起来非常方便。在线预览   源码下载实现的代码。html代码：<centercl...
代码星球 代码星球·2021-01-21

基于jQuery向下弹出遮罩图片相册
今天给大家分享一款基于jQuery向下弹出遮罩图片相册。单击相册图片时，一个遮罩层从上到下动画出现。然后弹出显示图片。这款插件适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。在线预览   源码下载实现的代码。html代码：<c...
代码星球 代码星球·2021-01-21

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

Vue 实现点击空白处隐藏某节点（三种方式：指令、普通、遮罩）
在项目中往往会有这样的需求：弹出框（或Popover）在show后，点击空白处可以将其hide。针对此需求，整理了三种实现方式，大家按实际情况选择。当然，我们做项目肯定会用到UI 框架，常见的Element中的组件提供了这样的方法。但是，就算使用框架，有些时候还是要用到的，比如：Element中的Popove...
代码星球 代码星球·2020-12-24

js+html实现遮罩层效果（收藏哦）
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><scripttype="text/javascript"src="js/jquery-1.8.3.min.js"...
代码星球 代码星球·2020-08-20

mui 卡片视图 遮罩蒙版
  <!DOCTYPEhtml><html><head><metacharset="utf-8"><metaname="viewport"content="width=device-width,initial-scale=1,minimum-sc...
代码星球 代码星球·2020-08-02

bootstrap弹框去除遮罩层效果
是通过css解决这个问题,核心css代码如下:.modal-backdrop{filter:alpha(opacity=0)!important;opacity:0!important;}alpha和opacity通常是决定透明度。alpha和opacity区别是什么?相同点:都是值为0表示完全透明，值为1表示完全不透...
代码星球 代码星球·2020-07-24
首页上一页12下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他