弹出层

多种弹出窗口，弹出层，包括ajax，图片等载入

多种弹出窗口，弹出层，包括ajax，图片等载入本例用到的css和js文件请到演示页面查看源码获取演示XML/HTMLCodeDefaultCustomStylesImageiFrameAjaxFeatherlightDefaultThisisadefaultfeatherlightlightbox.It'sflexibleinheightandwidth.Everythingthatisusedt
piperzero·2020-06-24 20:31

bootstarpTable点击行事件，点击数据事件，layer实现的包含页面的弹出层

需求：在一个bootstrapTable插件实现的表格中，需要在点击某行的时候弹出一个模态框，模态框中展示了表格元素的具体信息。具体效果如下图：bootstrapTable中自带了点击行的事件：$('#nurseDateTable').bootstrapTable({sortable:false,//是否启用排序data:nurseData,columns:[{field:'nursename',
nb7474·2020-06-24 16:05

弹出层插件的编写-layer(跨iframe传值回调)

弹出层(layer)在往上有非常多，这里为什么我要把它的实现提出来，原因有以下2点：1、写这篇文章也算是我博客的一个开端，他们都说：“不写博客成不了大神”--2、我见过的弹出层中都基本没有处理跨iframe
寒飞a·2020-06-24 10:51

layui弹出层表单

弹出层表单很常见,也很实用,无论是在pc端网页还是在移动端.现在用layui来实现一下这个表单吧.html输入框密码框辅助文字选择框请选择你工作的第一个城市？你的工号？你最喜欢的老师？
luoawai·2020-06-24 09:05

bootstrap学习

弹出层具体内容脚注8.什么是响应式布局？布局根据屏幕的宽高进行相应的改变。bootstrap就是网页相应式布局开发设计的第三方框架。用户体验更好。
小酷哥·2020-06-24 08:25

分享一个灰常简单好用的jQuery弹出层插件:jquery.artwl.thickbox.js

原文地址为：分享一个灰常简单好用的jQuery弹出层插件:jquery.artwl.thickbox.js最终效果：插件原理所有弹出层的原理都差不多，就是用一个全屏半透明DIV做遮罩层，在这个遮罩层上再显示出一个层放要显示的内容
linjcai·2020-06-24 05:23

el-dialog拖动

*给dialog设置:close-on-click-modal="false",禁止点击遮罩层关闭弹出层*如果是form表单，不要将提交等按钮放
juceli·2020-06-23 23:37

jquery-ui弹出层在最顶层显示

一般来说，有时候可能页面的大小有限制，导致弹出层可能不是很漂亮，这时候，我们需要在最顶层显示，这样比较合理，也比较美观，废话不多说。以下的功能是，将页面的一个div元素，在最顶层以弹出层形式显示。
我意纵横·2020-06-23 20:01

关于bootstrap的modal弹出层嵌套子Modal所引发的血案

bootstrap的弹出层嵌套有一个问题，当子modal关闭时父的modal也会自动关闭，这可能是bootstrap的一个问题，经过资料仔细查找，发现需要修改bootstrap.js的源码，需要找到这一行
iteye_20240·2020-06-23 19:27

jQuery点击自身以外地方关闭弹出层-closest()

今天工作中遇到一个交互效果，是关于点击自身以外地方关闭弹出层，效果如百度，谷歌搜索时出现的提示框，点击输入框外部任意地方后，隐藏提示框。
huanmeng122·2020-06-23 16:57

vue的项目demo（asp.net mvc5+vue2.5）

使用vue弹出层组件，添加和编辑都是在该组件中进行。这样做的优点是：添加和编辑都是公用一个组件，节省代码
hello8hello·2020-06-23 13:28

jQuery Dialog弹出层对话框插件演示

基本操作默认的newDialog('这是一个默认对话框').show();非模态对话框newDialog('非模态对话框，可以打开多个！',{modal:false}).show();自动关闭newDialog('5秒后自动关闭',{time:5000}).show();非fixed模式newDialog('对话框不随滚动条移动',{fixed:false}).show();显示指定ID的内容//
fer_ba·2020-06-23 07:31

学英语和写工具

Mac词典软件推荐Mac系统默认配有Dictionary词典软件，你可以在任意应用程序中直接选中英文单词，按下快捷键command+ctrl+d后，在弹出层
猫哥学前班·2020-06-23 06:33

web前端技术路线

前端技术路线第一阶段：JS基本特效：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
弹琴弹琴·2020-06-22 17:44

前端要怎么学，前端学习路线图

JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则
aliyunc·2020-06-22 13:49

使用layer插件模拟excel批注效果

批注效果的需求.鼠标移上文字获取点击文字时就显示出提示信息效果图:鼠标移上标注说明时就显示出提醒信息.具体实现:利用layer插件,弹出msg信息,并且获取当前需要提醒的文字的元素位置后,再设置layer弹出层的位置即可
shaojia_·2020-06-22 10:07

微信小程序自定义弹出层效果

本文实例为大家分享了微信小程序实现弹出层效果的具体代码，供大家参考，具体内容如下效果图WXML这里加入你想加入的内容WXSS.popup{position:absolute;top:0;left:0;right
·2020-06-22 08:25

小程序实现索引栏遇到的坑

特别说明：刚开始看到这种索引栏组件，就想到了使用vant的indexBar组件，但是后面使用popup组件indexBar共用的时候，点击索引字母是失效的，原因是因为popup的弹出层需要定位导致跳转对应的字母位置失效
小佑@小佐·2020-06-22 05:50

layui弹出层+联动下拉框

其中在弹出层，弹出内容为表单，表单中有联动下拉框的时候遇到了不小的问题。搜遍了百度，社区均无果，好在在社区提问了之后，有个兄弟及时帮我解决了问题。在此特别感谢一下他！！！
Sacrifice_li·2020-06-22 04:55

关于layui中动态添加的select获取value和text的说明

在layui弹出层中，弹出了一个form表单，在表单中需要使用联动下拉框。但是遇到了一个小问题，就是在动态添加了option之后，无法正确获取value和text。
Sacrifice_li·2020-06-22 04:54

使用Vant完成DatetimePicker 日期的选择器

点击选择日期exportdefault{data(){return{msg:'',currentDate:newDate(),changeDate:newDate(),show:false,//用来显示弹出层
一念一执晗。·2020-06-22 01:26

easyui,layui和 vuejs 有什么区别

是2016年才出来的前端框架，现在才更新到2.x版本还有很多的功能没有完善，也还存在一些不稳定的情况，但是layui界面简约美观，而且容易上手而且有很多组件在layui的社区里都可以找到，layui的弹出层
weixin_34379433·2020-06-21 11:14

大前端完整学习路线（详解）

JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高
麻子你高了·2020-06-21 08:55

使用Vue+layui做弹出层表格

第一加载vue和layui功能快捷键撤销：Ctrl/Command+Z重做：Ctrl/Command+Y加粗：Ctrl/Command+B斜体：Ctrl/Command+I标题：Ctrl/Command+Shift+H无序列表：Ctrl/Command+Shift+U有序列表：Ctrl/Command+Shift+O检查列表：Ctrl/Command+Shift+C插入代码：Ctrl/Comman
丁雨晨せんせい·2020-06-21 06:16

微信小程序使用canvas画布生成二维码海报分享图片（完整示例代码）

先看一下效果图：canvas.wxml保存到本地相册生成海报分享图片注明：我上面使用了vant-weapp的弹出层和自定义的按钮组件，样式大家可以自己写，不要拘泥于示例！
Api - 小柒·2020-06-21 04:46

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

▪JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、
web大全·2020-06-15 09:00

28 模态框拖动案例

功能需求：点击弹出层，会弹出模态框，并且显示灰色半透明的遮挡层点击关闭按钮，可以关闭模态框，并且同时关闭灰色半透明遮挡层鼠标放到模态框最上面一层，可以按住鼠标拖拽模态框在页面中移动鼠标松开，可以停止拖到模态框移动整体思路
CurryCoder·2020-06-06 15:56

在layui的弹出层数据调用

在使用“编辑”按钮时，要使用弹出层，并且要将当前所选项的值传递给弹出子页面。
牛肉学技术·2020-05-29 10:51

00007-layui 按下Escape 退出 弹出层layer

layui按下Escape退出弹出层layer在common.js，即顶层页面中监听事件：window.onkeyup=function(ev){varkey=ev.keyCode||ev.which;
建泉·2020-05-27 23:14

在layui弹出层关闭自身以后刷新父类表单

1)在弹出层的操作://这里是提交操作_弹出层     $.ajax({         url:'/conpany.php?
繁华pk落幕·2020-05-27 17:49

00007-layui 按下Escape 退出 弹出层layer

layui按下Escape退出弹出层layer在common.js，即顶层页面中监听事件：window.onkeyup=function(ev){varkey=ev.keyCode||ev.which;
wx5ebd512bcd459·2020-05-20 22:49

jquery+css3实现的经典弹出层效果示例

本文实例讲述了jquery+css3实现的弹出层效果。
星耀学园·2020-05-16 10:52

【插件】查看列表图片功能（根据图片大小变化）

Colorbox弹出层插件：http://www.jq22.com/jquery-info223JavaScript：$(function(){var$overflow='';varcolorbox_params
瀚海浪亭·2020-05-15 13:00

小程序开发之模态框组件封装

本文实例为大家分享了小程序模态框组件的封装具体代码，供大家参考，具体内容如下一、前言对于模态框肯定大家都知道，诸如：Bootstartp、element-ui、layui等等都有自己的弹出层，并可以之定义内容
易水墨龙吟·2020-04-23 17:51

6.使用定位，制作弹出框界面

container.main{position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.5);}/*设置弹出层样式
lanshanxiao·2020-04-10 15:00

纯原生实现弹出层 @于志程

往下看/***@param{Object}temp弹出层配置对象*@param{String}temp.icon弹出层样式图标*@para
于志程_yzcheng_程程程·2020-04-10 11:27

入职第八天 layUI的简单使用

学习LayUI简单的学习了弹出层，，多功能分页，表单，文件上传，树形菜单，流加载功能。
江江江123·2020-04-10 06:34

window10上安装linux虚拟机

首先我们准备下需要用到的文件VMware和ubuntu(系统镜像文件)下载地质:VMware官网下载地址ubuntu官网下载地址下载完成后,双击扩展名为exe的VMware文件.出现安装的弹出层,然后一直点下一步
元气小仙女·2020-04-09 11:35

鼠标移动到元素弹出层,离开元素隐藏层

在需要实现功能的地方绑定实现onmouseover="ShowPrompt(this)"onmouseout="HiddenPrompt()"一个用于弹出层,一个用于隐藏层编辑一个div用作层,以便显示内容这里是层显示的内容
御坂网络·2020-04-09 03:56

移动端滚动穿透问题解决方案

问题移动端当有fixed遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容。
赵萱_dily·2020-04-09 01:59

弹出层，验证码，省市地区选择，国际电话区号选择等插件的使用

一.layer的弹出层，有bug，或许是跟当前的JS冲突，所以，使用了zdialog.js参考链接：http://www.jq22.com/jquery-info18718引入三个文件，分别是，jquery.js
风意不止·2020-04-04 03:00

UI框架Layui入门介绍

使用Layui后，一次性解决弹出层、日期插件、数据分页、表格、文件上传等常用模块。除此之外，layui兼容除IE6/7外的所有浏览器，可作为PC端后台系统和前台界面的快速开发方案。
学者学者·2020-04-03 15:20

想学web前端缺乏学习路线？看这里，必须收藏！

JS基本特效：例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴
前端大哥大·2020-04-02 10:00

第三周第三天

今日任务:1,修改首页公告栏div弹出层位置定位.2,装置信息和外购件功能.
yisky·2020-04-01 08:39

2017.11.29 Js中event、AppCan前端优化、clearForm()、 Positive、 jquery 中post 、get的同步问题

第一组：杨昊Js中event中的几个对象的对比之前老刘在项目中遇到这样一个问题：需要将AngularJS中的modal弹出层设置为可拖动（详情咨询刘聪），虽然功能是实现了，但是复制的代码没有理解，其中出现了
胡諾·2020-03-31 04:15

webui-popover 一个轻量级的jquery弹出层插件

该提示框插件可以和Bootstrap完美结合，但是并不一定需要和Bootstrap一起使用。它支持IE7以上的浏览器。运行速度快，轻量级。支持多种定位方式。能自动计算提示框位置。在提示框中提供关闭按钮。同一个页面支持多个提示框实例。支持不同的样式。支持使用url和iframe。支持异步加载模式。引用：...使用：$('a').webuiPopover(options);简单的弹出菜单：$('a')
蝴蝶结199007·2020-03-30 07:22

layui 踩过的坑系列

关于弹出层中使用table,点击按钮会关闭弹出层并且刷新的解决方法1.将button标签更换为input2.为button按钮增加一个type=”button”属性查询3.关于如何关掉下拉思路：宽度给够
米卡卡米·2020-03-28 06:59

web前端零基础系统学习路线(写给入门的新手)

JS基本特效：例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件
前端大哥大·2020-03-24 16:00

2017-7-19

1.弹出层的拖曳效果先写click事件，获取鼠标在页面的X坐标和Y坐标。获取元素距离页面左边的距离和上边的距离，用获取的坐标减去获取的距离，求出鼠标在div区域里点击的坐标。
毛毛i·2020-03-22 01:58

Bootstrap构建页面的基本原则

三、凡是页面默认不显示，需要触发显示的内容，比如弹出层、飘窗等，应当放到正式内容的后面，单独用容器存储，这样能尽快加载正式内容。四、表示内
microkof·2020-03-19 08:07
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他