弹出层

Layer弹出层动态获取数据

前一阵子做了一个简单的小项目，用到了Layer弹出层（弹出层的用法就不多加赘述了，官网上都有详细的介绍，这里附上网址http://layer.layui.com/），当时前后台合页面的时候就出现了一个问题
liujing_555·2020-07-13 07:14

vue 弹出层组件

vue弹出层这些都是我做移动端经常用到的的弹出层，四种弹出层，分别默认值type012这是一个组件layer.vue代码：importlayerfrom'@/components/layer/layer
omyrobin2·2020-07-13 04:52

Vue 弹出层时 禁止页面滑动

上代码/***滑动限制***/stop(){varmo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);//禁止页面滑动},/***取消滑动限制***/move(){varmo=function(e){e.pr
cdx1170776994·2020-07-13 03:52

Css动画形式弹出遮罩层，内容区上下左右居中于不定宽高的容器中

contentcontentcontentcontentcontentcontentcontentcontent关闭遮罩弹出层点击弹出遮罩层*{margin:0;padding:0;}#body{background-color
banyi5246·2020-07-13 02:23

jquery点击图片放大,再点缩小(转)

使用jquery，实现点击图片在弹出层显示大图，再次点击关闭，加入图片高宽和窗口高宽的大小判断。
yournevermore·2020-07-12 18:55

Vant picker 多级联动

搭配弹出层使用constcitys=[//我们习惯的格式。可以后台给你出，如果你打不过的话，你就。。。
Posden·2020-07-12 14:51

Layui Layer在open弹出层中异步加载数据和form表单radio、checkbox、select不渲染，不可点击的解决办法

LayuiLayer在open弹出层中异步加载数据和form表单radio、checkbox、select不渲染，不可点击的解决办法我们知道在使用layui的form表单元素中的radio、checkbox
LANG-ITTECHNOGY·2020-07-12 13:06

layui弹出层layer.open 中的content问题

如果content取的的事当前页面元素内容时，type类型应该为1layer.open({type:1,title:'数据选择器',content:$('#select_pe_content').html(),area:["920px","250px"],});如果content取的的路径，或者某个页面，type类型应该为2layer.open({type:2,title:"添加商品信息",con
我是真的cai·2020-07-12 12:39

在vue-cli中使用layer弹出层插件

在vue-cli中使用layer弹框插件首先去官网layer去下载，然后解压放在static文件下；最后在index.html文件中全局引用：然后在需要弹框页面中使用：这里只选一个弹框案例；还有许多样式的弹框，详细情况请看官网弹出exportdefault{methods:{fn(){layer.open({content:'通过style设置你想要的样式',style:'background-c
zeke_x·2020-07-12 11:54

ios11弹出层上input输入框光标移位问题

ios11弹出层上input输入框光标移位问题需求是这样的，用户点击页面上的按钮弹出浮层，浮层上有两个输入框，分别输入用户名，手机号等信息，然后点击报名，浮层用的fixed定位。
weixin_34290096·2020-07-12 09:22

UI组件库从1到N开发心得-组件篇

正文距离第一篇UI组件库文章发布已经过去3个月了，在此期间利用零零散散的时间持续更新owl-ui组件库，目前owl-ui移动端组件库已经更新3大类（基础、表单、弹出层）9种组件（Button、Tabs、
weixin_34216196·2020-07-12 09:53

jQuery实现点击弹出层3秒后自动消失

jQuery实现点击弹出层3秒后自动消失jQuery实现点击弹出层3秒后自动消失#dianji{text-align:center;margin-top:50px;font-size:30px;color
含笑一过·2020-07-12 03:45

实现游戏弹出说明框功能

关键代码vargameDialog=$(".gameDialog");//弹出框对象varshadowBox=$(".shadow");//黑色背景弹出层对象//如果弹出框不存在，在页面添加if(!
蒟蒻熊·2020-07-11 18:16

小项目

www.fgm.cc/learn/第一课控制div属性网页换肤函数接收参数并弹出用循环将三个Div变成红色鼠标移入/移出改变样式记住密码提示框第二课百度输入法点击Div，显示其innerHTML求出数组中所有数字的和弹出层效果函数传参
qq_36663682·2020-07-11 18:28

div悬浮窗口隐藏于显示可用于登录和注册

弹出层.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color
灵犬·2020-07-11 17:05

Ext.js实现ToolTip提示

1.需求背景在项目背景中，填表格时，需要对所填字段做出要点提示，要求在鼠标移入提示png图标时弹出提示弹出层，任意点则关闭弹出层。
luozde·2020-07-11 12:47

JavaScript_在layer弹出层按钮事件中获取iframe内元素的研究

官方文档对此未见提及，供大家参考。layer.open({type:2,skin:'layui-layer-molv',title:"LS_MANSHARE",area:['100%','100%'],shadeClose:false,content:"web/ls_man-share.html",btn:['ok','cancel'],btn1:function(index,layero){va
Ls_man·2020-07-11 11:27

layui弹出层的接口增加实践

弹出层的底层方法open，在使用时可以配置end回调函数。如：layer.open({title:'用户数据编辑',type:2,content:'userUpdate.html?
三笑咖啡·2020-07-11 10:35

myGzoom--图片弹出层（仿windows照片查看器，可缩放抓取移动）

1、实现点击class为pic的图片时弹出大图2、可滚轮放大和随意移动。3、能切换图片。4、兼容ie7-11、FF、chrome、360.html . . .css/*图片放大*/.picDiv_show{ width:100%; height:100%; position:absolute; z-index:1000; opacity:1;}.zoom{ overflow:hidden; cur
梦逻辑·2020-07-11 07:13

Div弹出层-当鼠标移上去出现一个层，鼠标移开这个层消失的特效,大家可以直接拿去用

/*弹出div显示客户信息CreateCopyRight:jinpeilong2012*/functioncreateXhR(){varxhr;try{xhr=newActiveXObject("Msxml2.XMLhTTP");}catch(e){try{xhr=newActiveXObject("Microsoft.XMLhTTP");}catch(e){xhr=false;}}if(!xhr
风雨潇潇·2020-07-10 22:33

自定义jquery弹出层插件开发

有一天，小编突发奇想要开发一个基于jquery的弹出层插件，于是就一个字，“干”先上最终效果图：插件源码（下载）1.首先，咱们建立好文件夹架构2.思路分析，触发弹出层时需要做些什么？
Demonor_·2020-07-10 20:33

自己写的弹窗JS组件

自己写的弹窗JS组件，依赖JQ，html代码：Title我是弹出层1我是弹出层2我是弹出层3我是弹出层4我是MSG$(function(){//弹出信息提示ll_msg(content,callback
walkman·2020-07-10 14:23

taro自定义弹窗组件|仿微信/ios效果

基于Taro+react自定义弹出层组件|Modal框|Toast轻提示框|dialog对话框|msg信息框|仿微信对话框taro多端实践之：taroPop模态框组件(H5+小程序+ReactNative
xiaoyan_2018·2020-07-10 13:39

Js实例——模态框弹出层

1.描述百度登录就是一个模态框弹出层。思路分析：先将灰色大背景和登陆盒子设为不可见，利用JS将其动态加载可见。
weixin_30950607·2020-07-10 07:38

弹窗拖拽

弹出层显示X.win{width:500px;height:600px;background:#000000;border-radius:8px;box-shadow:0px0px5px10px;opacity
N-P-E·2020-07-10 04:04

Day14（scroll 和 client 兼容,client，事件冒泡，demo选中文字弹出层）

封装scrollclient兼容functionscroll(){if(window.pageXOffset!=null){//ie9+return{left:window.pageXOffset,top:window.pageYOffset}}elseif(document.compatMode=="CSS1Compat"){//标准模式return{left:document.document
AnnQi·2020-07-09 21:56

vue vant Popup 弹出层 与 Picker 选择器 的完美结合 实现多级列表选择

前言：在写项目的时候，经常会碰到选择列表，为了更完美的实现效果，使用了vant里面的Popup弹出层+Picker选择器效果图：页面结构：van-field是vant里面的输入框组件，这里你也可以用div
pxhing·2020-07-09 21:50

IE6中提示Internet Explorer cannot open the Internet site

最近修改集智V5浏览器兼容性问题时，遇到点击按钮之后的无法显示弹出层，而是弹出“InternetExplorercannotopentheInternetsite”问题。
limengmeng9006·2020-07-09 19:35

前端大神是如何一步步学习进阶的？

JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征:正则表达式、排序算法、递
㼛思雨·2020-07-09 15:36

web前端达到什么水平，才能找到工作？

▪JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、
程序媛的猫·2020-07-09 14:00

web前端达到什么水平，才能找到工作？

▪JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、
程序媛的猫·2020-07-09 14:00

layui在open弹出层回显，解决动态select数据回显问题

layui在open弹出层回显，解决动态select数据回显问题参考文章：（1）layui在open弹出层回显，解决动态select数据回显问题（2）http://www.cnblogs.com/dingxu
wangchaoqi1985·2020-07-09 11:01

9.移动web端

原文链接：https://github.com/helloyoucan/knowledge1.常见问题1.滚动穿透有fixed遮罩层和弹出层，在屏幕上滑动能够滑动背景下面的内容。
helloyoucan·2020-07-09 09:49

CSS实现 全屏 遮罩

important;}弹出层CSS:.PopUp{position:fixed;displa
近水楼台先得丨月·2020-07-09 05:19

js实现弹出窗口、页面变成灰色并不可操作的例子分享

弹出一个窗口后，后面的层不可操作functionshow()//显示隐藏层和弹出层{varhideobj=document.getElementById("hidebg");hidebg.style.display
ant_1024·2020-07-09 01:40

Layui的表格点击事件

Layui是一个比较常用的插件,目前我接触到layui的模块有表格模块与弹出层模块这里说的是单行数据的点击事件Layui有一个方法是获取到选中行的方法如下代码这个方法是选中单选框的方法复选框也有复选框的方法
weixin_44486126·2020-07-08 22:08

简单的jquery点击弹出背景变暗遮罩效果

并实现了点击空白处隐藏弹出层效果。
weixin_34376986·2020-07-08 18:02

JavaScript 弹出层，背景变暗

JavaScript弹出层，背景变暗，代码不算多，根据你的需要调整一下，这里只是实现了基础的思路，美化不是太好。
weixin_33994429·2020-07-08 16:34

Jquery hover鼠标经过时弹出div动态提示语

一、效果图二、需求描述1、鼠标经过table每一行时，弹出div动态提示语；2、div弹出层的位置随鼠标位置的变化而变化；3、鼠标离开table或获取的动态提示语为空时，div弹出层消失。
weixin_30649859·2020-07-08 14:04

点击弹出居中的遮罩层，背景变暗

点击弹出层特效代码，网页上已经有很多类似的代码了，使用挺广泛的，代码先判断浏览器的版本，ie6创建的div样式和非ie6创建的div样式在解析时有点区别，为了兼容性考虑，才加了判断，虽然实现的有点粗糙，
Angela㐅cc·2020-07-08 14:29

弹出层的静态界面和动态效果（弹出关闭）

今天真是觉得自己弱爆了，弹出层的动态效果（点击按钮出现，点击右上角X关闭或者遮罩层关闭）竟然弄了那么久才知道出了什么问题，老司机请让路，新手可以看一下。。
都说没想好·2020-07-08 10:03

jQuery弹出层插件大全

1.thickbox目前用的比较多的，最新版本是thickbox3.1下载地址：http://jquery.com/demo/thickbox/#examples2.colorBox官方网站：http://colorpowered.com/colorbox/下载地址：http://colorpowered.com/colorbox/colorbox.zip演示实例:http://colorpowe
tianhandigeng1498·2020-07-08 07:16

vue工具类之——表单验证（自定义简单案例）

可以更具需求自行添加消息弹出层把错误信息弹出去，改写法会把错误提示信息返回到使用的页面中。
Lucku·2020-07-08 05:45

原生js——实现网页登录框、遮罩层（弹出层）效果、原页面进行登录

原生js——实现网页登录框、遮罩层效果1.Demo展示（单击遮罩层、或单击关闭按钮即可实现对元素的移除）：2.Html布局（无任何代码）：以下为：将要在js里嵌入的Html源码(通过innerHTML嵌入时，不能写成下面这种格式，双引号要改为单引号，不然浏览器解析会出现问题，详情请往下看)：-->-->-->-->-->-->-->-->-->-->-->-->-->-->-->-->-->-->
男孩子小杨·2020-07-08 03:31

Layui 使用Layer,(加载中的应用场景)

前端时间开发的时候出现了这样的一个问题，就是我点击导入数据，就提示数据导入中一直的在加载中的状态，当我数据导入完成后就关闭加载中的提示，就是这样的场景，对于熟悉Layui的人来说是很简单一个事情，首先我是去看文档的实例，在弹出层哪里我们找到了想要的东西
qq_41971087·2020-07-08 02:09

jquery弹出层遮罩层点击事件，点击遮罩隐藏弹框

click(function(e){//遮罩层点击事件console.log(e);if($(e.target).hasClass("submit_page")){startCaseLoad(0);//关闭弹出层
专业前端小白·2020-07-08 01:06

jQuery实现 弹出层效果

###jQuery实现弹出层效果点击弹出层：弹出弹出层点击阴影：关闭弹出层点击“关闭”关闭弹出层整体代码如下：jQuery弹出层效果.black_overlay{display:none;position
dq_095·2020-07-07 23:35

animate动画底部弹出

弹出层内容咨询热线010-53806066010-53806099关闭$(".zixun").click(function(){$(".mask").fadeIn(500).show();$("#mask_content
小辉鲜森·2020-07-07 21:21

快速上手前端框架layui

文章目录一、介绍二、开始使用layui四、layui弹出层五、layui文件上传六、layui分页七、layui数据表格加入微信群关注公众号一、介绍在使用layui之前，我们先要了解一下layui是什么
eknown·2020-07-07 20:42

web 前台页面内弹出框（一）

本文已经不推荐在使用了，有更加优秀的，详情参考layui弹出层前端当前页面编辑一些数据时，往往会用到弹出窗口，但每个页面单独修改有显得比较麻烦，因此，可以建立一个公用的方法，去掉用就可以了；先上效果图上图就是效果图
东明之羞·2020-07-07 20:05
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他