E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
遮罩层
手机页面禁止滚动(兼容IOS和Android)
最近在做一个微信页面,菜单显示的时候要出一个
遮罩层
,并且页面不能滑动,一开始代码如下:varflag=0;document.addEventListener('touchmove',function(event
一个菜鸟的小窝
·
2018-11-19 15:54
js/jquery/ajax
微信小程序自定义弹窗wcPop插件
解决了小程序开发自定义弹窗出现后,
遮罩层
下的页面仍可以滚动的方法;给
遮罩层
的最外层view中加入catchtouchmove=”preven
xiaoyan2017
·
2018-11-19 10:29
微信小程序自定义弹窗wcPop插件|仿微信弹窗样式
解决了小程序开发自定义弹窗出现后,
遮罩层
下的页面仍可以滚动的方法;给
遮罩层
的最外层view中加入catchtouchmove=”preven
xiaoyan2017
·
2018-11-18 02:00
CSS 、JS实现浪漫流星雨动画
1000px;身高:100%;最小高度:400px;溢出:隐藏;}/*------------画布------------*/.container{position:relative;身高:100%;}/*
遮罩层
程序员阿宇
·
2018-11-09 15:39
微信小程序实现弹出层效果
本文实例为大家分享了微信小程序实现弹出层效果的具体代码,供大家参考,具体内容如下先看下效果图吧其实这个效果实现起来很简单,就是通过三目运算符来控制
遮罩层
的显示和隐藏贴代码了:规则按钮:规则
遮罩层
:我这个数据是从后台拿来动态渲染到页面的
进阶的码农
·
2018-11-04 11:54
微信小程序实现登录遮罩效果
目标:用户点击提交、登录等按钮时,防止多次提交,所做的
遮罩层
步骤:实现很简单,按钮加上disabled属性,用true和false控制。
别样的风采是我
·
2018-11-01 16:44
elementUI vue 页面加载的时候页面出现了黑字 页面优化处理 按钮弹出框文字
elementUI页面如果需要加载很多东西的时候,自己定义的按钮或者弹出框dialog的文字就会显示在页面上,一闪而过,因此需要优化一下,elementUI提供的loading有
遮罩层
,具体使用就不说了
```...简单点
·
2018-10-30 09:00
Android实现
遮罩层
(蒙板)效果
Android的遮罩效果就是把一张图片盖在另一张图片的上面,通过控制任意一张图片的显示百分比实现遮罩效果。下面我使用两张一样的图片来实现一个类似于Android的progressbar的填充效果。使用遮罩效果来实现progressbar的效果的好处是,我们可以只改变图片就可以更改progress的进度填充效果,并且我们可以实现任意形式的填充效果,就比如横竖填充,扇形逆/顺时填充针等。网上有很多介绍
白鹭飞
·
2018-10-29 10:33
Android PopupWindow实现
遮罩层
效果
此篇博客实现的功能是:点击界面中的图片,跳出一个PopupWindow,PopupWindow中含有相应的文字和图标,并且在显示PopupWindow的时候,背景为半透明。看图描述:点击加号,跳出PopupWindow,其中包含三个图片,点击叉号PopupWindow消失;当PopupWindow显示的时候,背景为半透明显示PopupWindow的代码privatevoidshowPopupWin
carter_yu
·
2018-10-29 09:45
Android使用popUpWindow带
遮罩层
的弹出框
上次项目中实现了新功能,就一直想添加到博客里来着,惰性发作起来简直太可怕,不说了,跟着一起写吧,三步即可实现简单的弹出框功能,首先看效果――首先:主页面布局,触发控件一定要有,再有就是给根标签设置id第二步:弹出框样式设置最后:就是主代码了publicclassMainActivityextendsActivity{privateRelativeLayoutlayout;privateButton
Fairy_1126
·
2018-10-29 09:53
小程序 css3动画弹层
场景:触发某事件后"弹出"一个窗口0e86o-nfww2.gif思路:用一个变量控制
遮罩层
的显示隐藏控制;用同一个变量控制内容层的显示隐藏控制;如何做到给用户一种“跳出”的感觉,因为内容层是有东西的,我们可以给内容层从无
liwuwuzhi
·
2018-10-28 14:04
微信小程序自定义一个全屏的加载中提示框
1、wxml视频上传中,请稍后...2、wxss/*设置背景
遮罩层
样式*/.mask{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba
LLL_LH
·
2018-10-16 16:21
微信
微信小程序自定义全屏遮罩
效果如下:1、wxml显示遮罩提交按钮2、wxss/*设置背景
遮罩层
样式*/.mask{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba
LLL_LH
·
2018-10-10 10:33
微信
遮罩层
屏幕居中(水平垂直居中)
阅读更多css实现.coverdiv{/*
遮罩层
*/display:none;position:absolute;left:0;top:0;z-index:18888;background-color:
hudeyong926
·
2018-10-09 23:00
微信小程序的简单下拉框组件
商业圈”],//下拉框的数组selectData:[‘默认排序’,‘距离我最近’,‘距离我最远’],//下拉选项的数组sort_hidden:true,//下拉框的显示或隐藏zhezhao:true,//
遮罩层
Crush___
·
2018-09-17 16:38
弹出
遮罩层
后,如何禁止底层页面的滚动
但是,我们会发现,当弹出
遮罩层
后,底层body的内容也是可以滚动,显然这不是我们想要的效果,而这个问题就是小萌最近开发项目时遇到的问题。
子钦加油
·
2018-09-10 09:00
jQuery超简单
遮罩层
实现方法示例
本文实例讲述了jQuery超简单
遮罩层
实现方法。
luyaran
·
2018-09-06 12:43
在Vue组件中获取全局的点击事件方法
解决方法一:出现“下拉菜单”的同时,建一个透明的
遮罩层
,然后只有“下拉菜单”可以点,点击
遮罩层
就隐藏。缺点:z-index层数要控制好,还有就是如果点击其他
键盘上的草根舞者
·
2018-09-06 08:41
基于vue中对鼠标划过事件的处理方式详解
鼠标事件进行监听需求中,在一个table(组件)表中,对于其中一列(该列为图片列),当鼠标划过该列的某个单元格子(图片)时,需要展示出该单元格子对应的
遮罩层
翻阅了一些博客,发现好多都提到了mouse事件
Dear_Mr
·
2018-08-22 15:28
关于react-router中的Prompt组件学习心得
在最近的react项目中,遇到了一个需求,点击图片的时候,会出现一个大图预览,其实就是一个
遮罩层
,专门用来显示大图的,但因为是一个APP,所以难免会有用户点开大图后,不用正常的关闭按钮关闭大图
遮罩层
,而是点击手机的返回键
Lucky_Q
·
2018-08-10 13:04
Javascrip
小程序 textarea组件层级过高导致文字穿透浮层的一个解决方法
最近做的一个小程序需求,其中一个页面使用到了textarea这个小程序组件,然后点击页面上的某个元素,会触发页面弹起一个弹窗,这时发现textarea的placeholder文字或者输入的文字内容,会直接穿透
遮罩层
和浮动弹窗
Quiet-Night
·
2018-08-08 17:02
Web前端
微信小程序
前端小问题,老是记不住
css实现
遮罩层
,父div透明,子div不透明给父元素使用rgba颜色单独使用opacity没效果input设置width:100%和padding后宽度超出父节点box-sizing:border-box
Error_plus
·
2018-08-05 11:03
遮罩层
.tanchuang_box.zhezhaoceng{position:absolute;top:0;width:100%;height:100%;background:#000;opacity:0.2;}.tanchuang_box.xiangqing{position:absolute;top:16%;left:10%;width:80%;box-sizing:border-box;}.xia
欣欣0324
·
2018-08-02 11:17
【Javascript学习笔记】【DOM实战— —jQ实现点击任意位置关闭某处的效果(常用于模态框后面的
遮罩层
)】
【Javascript学习笔记】目录目录点击任意位置关闭某处原理效果代码实战代码快捷链接点击任意位置关闭某处而且点击对应处并不会hide掉自己原理//点击文档任意处都触发该事件 $(document).mousedown(function(e){ //只有当某对象存在时才会有的点击任意处出现的事件效果 if($(e.target).parents(".search").length==0){ $(
欣欣__KuanG97
·
2018-08-01 17:18
前端(js
html
css
less)
给div添加
遮罩层
及处理多张图片空隙问题
一、
遮罩层
这里说的
遮罩层
是给指定的div添加带有提示或者无提示一个蒙层,如图片,视屏的解释语等。
L_wade
·
2018-07-25 15:25
css
java&&python+Selenium3自动化入门6---操作div
遮罩层
模拟的弹窗及百度首页登录
一般的弹窗呢大多数是Alert这样的,但是也有很多事由div
遮罩层
渲染出来的,所以有时候我们会误以为这样的弹窗是一个alert,然后习惯性的使用下面的方法来处理,但是却没有任何反应,这就是因为他是由div
FomuNorMal-s
·
2018-07-13 11:26
selenium+java入门
vue中对鼠标划过事件处理方式
vue中对鼠标划过进行处理鼠标事件进行监听需求中,在一个table(组件)表中,对于其中一列(该列为图片列),当鼠标划过该列的某个单元格子(图片)时,需要展示出该单元格子对应的
遮罩层
翻阅了一些博客,发现好多都提到了
Dear_Mr
·
2018-07-11 23:18
Vue.js
vue中对鼠标划过事件处理方式
vue中对鼠标划过进行处理鼠标事件进行监听需求中,在一个table(组件)表中,对于其中一列(该列为图片列),当鼠标划过该列的某个单元格子(图片)时,需要展示出该单元格子对应的
遮罩层
翻阅了一些博客,发现好多都提到了
Dear_Mr
·
2018-07-11 23:18
Vue.js
JavaScript实现京东购物放大镜和选项卡效果的方法分析
首先,我们看一下页面的布局:1.小图片显示区,上面有一个方形
遮罩层
2.缩略图横向列表3.大图显示区域然后,我们写出开发步骤:1.编写3个区域的htm
king-w
·
2018-07-05 10:30
element-ui框架的el-dialog弹出框被
遮罩层
挡住了
实现效果:问题解析先来看看element-ui官网提供的属性说明文档文档解释:翻译成大白话就是,若el-dialog弹出框设置了modal-append-to-body='true'(默认)属性,它的
遮罩层
就会被插入到
蔚莱先森
·
2018-07-02 19:30
☛
Vue.js
☛
Element-UI
文字渐渐消失
如图限制高度的继续阅读,文字渐渐消失效果,从文字层面操作消失总是有问题换了一个角度,加了一个
遮罩层
,背景色透明到白色渐变可以使用伪元素或者在dom中加一个标签
吃我一套大宝剑
·
2018-07-02 11:10
鼠标移入移出效果 -- jQuery/Vue版
元素内
遮罩层
根据鼠标方向显示的效果比较常见,比如百度图片里的图片信息展示。自己动手实现jQuery插件版和Vue组件版效果。
bestvist
·
2018-06-22 00:00
mouse-hover-事件
vue.js
jquery插件
jquery
手写css弹窗
遮罩层
项目需要,涉及到弹窗,所以就手写一个,正好,展示一下我的前端能力。下面是代码,简洁,直击要害。只需要引入一下jquery的js文件。效果图:这是CSS代码:.cov{width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000;display:none;position:absolute;text-align:center
Dzq_Boyka
·
2018-06-06 11:46
前端
layer弹窗点击过快无法关闭
遮罩层
问题描述:http://fly.layui.com/jie/27435/问题一点击过快无法关闭
遮罩层
问题二弹窗加入id后无法使用嵌套弹窗
追逐繁星的阿忠
·
2018-05-25 17:20
一、移动端相关问题
1.移动端禁止
遮罩层
下面的页面滑动答:打开
遮罩层
的时候,给
遮罩层
下面的页面添加position:fixed属性,页面就是固定的,没办法滑动了。
zuogui711
·
2018-05-18 09:34
bootstrap模态框hide
遮罩层
不隐藏解决办法
问题:在使用ajax提交模态框表单数据后,隐藏模态框并局部刷新,导致
遮罩层
不消失原因:模态框隐藏并局部刷新,导致在hide方法没执行完成时已经局部刷新,没有隐藏掉
遮罩层
解决办法:方法一:把模态框放在更上层页面
dongfeng012
·
2018-05-16 14:30
bootstrap
modal
模态框
css-实现鼠标移至图片上显示
遮罩层
1、将
遮罩层
html代码与图片放在一个div我是放在.img_div里。APictureoffood2、为图片及
遮罩层
添加样式图片:relative
遮罩层
:absolute使两者样式重合。
kwinnnn
·
2018-05-09 20:37
css
jquery
遮罩层
/***************************Desc:提交操作时遮罩*Argument:type=0全屏遮1局部遮*Author:Zery-Zhang*Date:2014-09-18*Version:1.0.0**************************/;(function($){$.fn.jqLoading=function(option){vardefaultVal={b
CodingSir
·
2018-05-04 15:50
CSS
遮罩层
一、mui
遮罩层
:varmask=mui.createMask(callback);//callback为用户点击蒙版时自动执行的回调;mask.show();//显示遮罩mask.close();//
风铃峰顶
·
2018-05-03 14:51
CSS
微信小程序商品详情页的底部弹出框效果
通过设置view的平移动画,达到从底部弹出的样式1.js代码(一般情况下只调用显示对话框的函数,当点击对话框外部的时候,对话框可以消失)//显示对话框showModal:function(){//显示
遮罩层
李甫
·
2018-04-25 11:42
小程序开发遇坑tips
关于
遮罩层
滚动穿透问题我是
遮罩层
我是页面内容Page{...showMask(e){//显示遮罩this.setData({hasMask:true})},hideMask(e){//隐藏遮罩this.setData
Jowe0428
·
2018-04-25 09:02
小程序
css如何实现鼠标移至图片上显示
遮罩层
及文字
css如何实现鼠标移至图片上显示
遮罩层
及文字问题:一张图片当鼠标移动到上方时,会显示一个
遮罩层
,并且显示一些提示文字html:河北亚创天然气股份有限公司css:其中要注意的是img_content样式里定义了
Amanda_wmy
·
2018-04-23 17:14
HTML和CSS
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
1.首先写一个
遮罩层
div,然后再写一个弹窗的div提示js弹窗js弹出DIV,并使整个页面背景变暗确定js代码:(把jq引进来)//弹窗functionshowWindow(){$('#showdiv
下页、再停留
·
2018-04-21 14:35
长图横竖屏h5
image.png效果图加载页:image.png竖屏时,只能看到
遮罩层
:image.png横屏时,
遮罩层
消失,内容显现:image.png开发遇到问题以及需要注意问题:1)单位计算:用了百分比做单位布局
lilyping
·
2018-04-14 23:43
css实现加载中动画
效果如图首先需要一个
遮罩层
,在
遮罩层
中有一个放gif的div这里叫hiding是因为Bootstrap里的hide是!
九乡河的小香瓜
·
2018-04-09 17:12
小程序防止点击
遮罩层
遮罩层
下面也反应
这是
遮罩层
在其中加上catchtouchmove="preventD"为防止冒泡事件,就可以了。最后分享一个公众号二维码,写一些散文和影评等,欢迎关注。
caoyan0829
·
2018-04-03 15:57
小程序
jQuery对表格的操作示例
示例:jQuery实现对表格数据进行增加,删除和修改 11111111111 .hide { display: none; } /*
遮罩层
*
宋鹏超
·
2018-03-30 20:32
jQuery
tr
hide
js ajax 添加遮盖层
JS代码//方法默认是,给body添加一个div,然后整个body都是
遮罩层
。
菜鸟进军大神陆
·
2018-03-20 10:12
web前端问题总结
vue学习六 元素点击触发事件(无v-for父子关系)
1.在学习vue项目中,需使用如下需求:点击按钮后,
遮罩层
显示出来。本来若有v-for父子关系的,可以使用index进行循环遍历实现,而无关联的元素,则需要绑定类class来实现。
骑上我心爱的小摩托
·
2018-03-09 13:04
vue
前端
Jquery ajax 同步阻塞引起的UI线程阻塞的坑(loading图片显示不出来,layer.load延迟)
今天想做一个点击地市用ajax重新获取数据刷新页面功能,因为ajax属于耗时操作,想在获取数据且加载页面时显示加载
遮罩层
,结果发现了ajax的好多坑。
lianzhang861
·
2018-03-02 20:07
前端
上一页
20
21
22
23
24
25
26
27
下一页
按字母分类:
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
其他