弹出层

前端开发学习Day22

第22天，依旧是做了3个案例，第一个是数组求和，第2个是弹出层效果，第3个是函数传参，改变Div任意属性。
Joe?·2020-08-25 06:46

jQuery插件实现视频弹出层播放+video标签对视频编码格式的要求

functionvdouterdivfn(thisVideo){//点击video出现弹出层varoVideo=thisVideo;varvdsrc=oVideo.getAttribute("src")
qq_40927742·2020-08-25 04:31

HTML弹出层

前几天写了一个弹出层，特此纪念：#login{display:none;border:1emsolidpurple;height:30%;width:50%;position:absolute;/*让节点脱离文档流
此生不做程序员·2020-08-25 00:52

弹出层模板

提示窗口html1提示"2style="width:360px;height:170px;padding:10px">345请至少选中一条数据！678确定910css.配合iconfont使用1.kd-loading2{3width:50px;4height:50px;5display:inline-block;6-webkit-animation:loading-animatio
_miccretti·2020-08-24 23:01

Popup - 弹出层

//图片类快捷弹出层//文字类弹出层我只是个触点而已，把鼠标滑到我身上我是一个弹出层转载于:https://www.cnblogs.com/beata/p/5717488.html
weixin_30338743·2020-08-24 23:52

asp.net开发-记录-委托不执行（EventHandler事件无反应）

由于用户控件使用的是弹出层，所以为严重bug。3.于是在EventHandler的按钮上加上UseSubmit
testliu123·2020-08-24 23:42

html中div弹出显示

代码如下：弹出层.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color
MiMillet·2020-08-24 22:09

一个十分简单的div弹出层小例子

一个十分简单的div弹出层小例子#login{display:none;border:1emsolid#3366FF;height:30%;width:50%;position:absolute;/*让节点脱离文档流
AndroidDev2020·2020-08-24 22:32

vant中使用时间选择器和popup弹出层

import{Cell,CellGroup,DatetimePicker,Popup}from"vant";importVuefrom"vue";exportdefault{//组件Q2组件需要正确注册，才能被页面识别components:{[Cell.name]:Cell,[CellGroup.name]:CellGroup,[DatetimePicker.name]:DatetimePicke
晓未苏·2020-08-24 21:57

jQuery弹出层插件简化版

String.prototype.replaceAll=function(s1,s2){returnthis.replace(newRegExp(s1,"gm"),s2);};(function($){/**$-layer0.1-NewWaveJavascript**Copyright(c)2008KingWong*$Date:2008-10-09$*/var___id___="";var___s
wlkjhxd·2020-08-24 18:57

JS点击空白处关闭弹出层

点击空白处关闭弹出层#box{width:300px;height:200px;border:1pxsolid#000;display:none;}.btn{color:red;}$(function(
永仔·2020-08-24 14:58

前端框架LayUI使用记录

一、LayUI前端框架layer弹出层组件效果--layui的弹层模块可以单独使用layer，依赖JquerylayDate日期选择器组件--layui的日期组件可单独使用laydate二、使用引入//
李佳臣·2020-08-24 14:32

jquery—ajax的异步交互，返回json串，再弹出层显示数据

外部引用的js文件/***外部js文件*/functionshowCustomerInfoById(id){$("#text").html("正在加载，请稍后。。。");$("#dialog").dialog({bgiframe:true,autoOpen:false,height:500,width:350,show:"blind",modal:true,buttons:{'确定':functi
思念是荒芜的梦·2020-08-24 14:25

漫谈 React 组件库开发（一）：多层嵌套弹层组件

这些组件都有一个特点，它们的弹出层通常不是渲染在当前的DOM树中，而是直接插入在body（或者其它类似的地方）上的。
有赞前端·2020-08-24 13:42

ColorBox使用及处理流读取图片问题

jquery.ColorBox确实是一个非常强大的jquery弹出层插件，可以类似于幻灯片效果来展示图片；正常的，我们使用colorBox需要引入jquery类库和colorbox的css文件在页面中使用
javageekcoder·2020-08-24 11:00

android 透明布局点击穿透的处理

今天在做一个弹出层时，由于可以透过透明弹出层点击到下面的控件从而导致一个BUG的产生，后来我找资料一查得知：解决这个问题可以采用以下两种方法：一种是：在弹出层的布局中加入android:clickable
weixin_41828085·2020-08-24 11:23

jQuery Colorbox弹窗插件使用教程小结、属性设置详解以及colorbox关闭

jQueryColorbox是一款弹出层，内容播放插件，效果极佳，当然我主要是用来弹出图片啦。
weixin_34307464·2020-08-24 11:43

JQuery Slider 实现时间刻度滑动条，用以编辑项目/起始时间（手动输入可自动更新到滑动条）...

需求场景：首先，要使用滑动条进行方式进行计划起始时间的编辑（这不难，可以很容易使用slider实现），另外还需要提供一个弹出层对起始时间进行编辑，编辑完提交后自动更新滑动条上的起始时间滑块（这点有点费
weixin_34087503·2020-08-24 10:54

colorbox弹出层图片显示

基本配置jQuery(function($){varcolorbox_params={rel:'colorbox',reposition:true,scalePhotos:true,scrolling:false,close:'×',maxWidth:'90%',maxHeight:'90%',previous:'',next:'',current:'{current}of{total}',onO
weixin_30633405·2020-08-24 10:34

关于Jquery WEUI Popup的笔记

Popup打开弹出层的按钮打开弹出层其中class='open-popup'和data-target="#bottomb"两个属性不可缺少，前者表示点击链接需要打开一个popup，后者是这个popup的选择器底部弹出层
_Daniel_·2020-08-24 07:50

jquery插件（三）：Colorbox–内容播放插件

它集弹出层、幻灯片播放功能于一身，不仅于此，它还支持其它的内容格式：例如html,flash,iframe等，这些内容的显示方式都是Ajax的。
dearkerwin·2020-08-24 06:35

document.documentElement.clientHeight 和 $(window).height() 无法正确获取页面可视区高度

背景：弹出层插件（自适应）实现过程中突然发现在获取可视区高度时，无论document.documentElement.clientHeight还是$(window).height()都无法正确获取，代码没有问题
weixin_30583563·2020-08-24 03:03

获取可视区域高度赋值给div（解决document.body.clientHeight的返回值为0的问题）

的问题）设置html,body{height:100%}在使用html5文档类型的时候，设置了htmlbody的高度100%之后，两个浏览器就都能获取document.body.clientHeight了弹出层自定义
Lambda程序员·2020-08-24 01:09

Jquery 点击图片在弹出层显示大图

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

jquery实现点击缩略图在弹出层显示原图功能

这里使用了layer弹出组件。官方网址：http://layer.layui.com/第一种方法代码如下：varimg=newImage();img.src=$("#jiaoguitu").attr("src");varimgHtml="";//捕获页layer.open({type:1,shade:false,title:false,//不显示标题//area:['600px','500px']
sxf359·2020-08-23 19:58

js-div遮罩层、div弹出层居中（遮罩层居中显示）

js-div遮罩层、div弹出层居中思路：打开时，显示遮罩层ShowMark()和div弹出层showDiv(divObj)；关闭时，隐藏遮罩层HideMark()和div弹出层closeDiv(divObj
qq_20841625·2020-08-23 18:27

div遮罩

absolute;//绝对路径left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.3);/background:red;*/z-index:99999;}弹出层弹出的
长安城中一市民·2020-08-23 15:55

原生js实现弹出层

利用原生js的元素创建、添加，手写一个弹出层话不多说，先上效果：可以设置弹出层的类型、宽度、高度、标题、内容区。弹出层默认为1，不自动消失的弹出层，类型为2时，默认3s关闭的提示框。
蒙悦纳·2020-08-23 11:55

layer弹出层使用之select标记

layer前端框架，追求极简，喜欢的风格。好看是好看，用起来比较dt,,,,,今天打算写一个通用的方法：通过ajax请求后台数据，显示在select下拉列表里面。下面是这个方法：url:请求的路径id:要加载数据的select元素的id.objName:返回的json对象里的数据名比如返回的是{msg:'ok',rows:[{'id':1,text:'111'},{id:'2',text:'222
timelikesong·2020-08-23 05:14

前端好用框架推荐

1、Animate.css（动画插件）2、Hover.css（鼠标悬停动画插件）3、jQuery（js组件库）4、WebUpload（文件上传）5、UEditor（富文本编辑工具）8、Layer（弹出层插件
proyzplus·2020-08-22 22:45

thinkphp5学习之路【二】使用layer插件来定制tp5的消息提示页面

新版本的发布，越来越多的开发者选择使用它来开发项目，或许它现在还有些美中不足的地方，但也无伤大雅，今天给大家带来的就是更换和定制属于自己风格的success/error消息提示页面，这一功能将使用layer弹出层插件来完成
寄去远方的盛夏·2020-08-22 20:22

CSS弹出背景半透明窗口

文章来源及运行效果查看：http://www.codefans.net/jscss/code/3626.shtmlCSS弹出层，或者说是弹出窗口，背景半透明风格的弹出框，在网站登录、用户注册、公告提示方面都非常适合使用
xueshandugu·2020-08-22 20:49

css 弹出层-透明层

透明层-弹出层*{margin:0;padding:0;}.main{width:100%;height:1000px;}.div1{top:0;left:0;width:100%;height:1000px
weixin_30650039·2020-08-22 19:32

BootStrap Modal Create

用过bootstrap的都知道里面有个弹出层Modal小弟在此只是在上面封装了下，仅供交流。
vincent_sz·2020-08-22 18:11

React中禁止页面滚动

最近用react做了一个H5端的页面，主要实现了一个弹层滑动选择的功能，效果如图：遇到了一个问题，当在底部弹出层进行滚动选择城市区划时，蒙版后的页面也会随着滚动。
sept08·2020-08-22 11:20

ios的微信浏览器输入框失去焦点后页面不能回弹

然而在ios微信浏览器里面，无论点击哪里，弹出层毫无响应。开始排查问题：首先排除不是z-index导致元素点不到，进而无法触发点击事件。
yanzhi_2016·2020-08-22 11:27

可视化爬虫配置chrome插件开发之搭建vue开发环境

使用vue开发chrome插件的好处本次开发的插件是抓取配置插件，有很多的form表单以及弹出层，如果纯使用js的话会有很多动态创建dom的操作。
绒花雪冷·2020-08-22 11:18

微信小程序自定义弹窗/弹出层功能，非官方api，自写

index.wxml这里是文本描述，可以查看css修改样式好的弹窗index.wxss/**index.wxss**//*外面的按钮*/.btn{width:80px;height:35px;background:#44b549;line-height:35px;text-align:center;color:#fff;font-size:15px;margin:20pxauto;border-r
TANKING·2020-08-22 11:59

Kindeditor上传本地图片成功后不回显，弹出层也不关闭，解决办法

一、只要本地上传，不要网络图片，的方法：把kindeditor一个image.js中allowImageRemote=K.undef(self.allowImageRemote,true)改为allowImageRemote=K.undef(self.allowImageRemote,false)可以解决。二、确定图片上传成功，传的参数格式也正确，遇到一种情况是：这个框不会自动关闭，文本域里面图片
腾龙凌霄·2020-08-22 10:57

layer弹出层提交完数据，刷新父级页面

layer弹出层提交完数据，刷新父级页面，window.parent.location.reload();$.post(toUrl,postData,function(result){dialog.tip
flysnownet·2020-08-22 09:47

第一个项目的感悟(集成项目，不牵扯到数据库处理)

nginx、php#--------页面前端使用了easyui#--------php使用了thinkphp3.2.3,需要nginx支持phpinfo（配置nginx链接）#个人分析0000HTML菜单、弹出层
那年夏天KEEP·2020-08-22 03:08

form表单提交数据不让跳转办法

form表单提交数据不让跳转办法应用场景：1、弹出层2、需要连续提交多条记录的情况3、页面多个存在提交事件，需要局部提交情况方法一：加个returnfalse，阻止表单跳转方法二：把type="submit
兔子很忙·2020-08-22 02:42

诗 | 湖光山色

图片来自月舞倾城作者/路人锋一群山注视下舟轻轻离岸熟稔的橹桨拨开欢欣的湖水游过旧时光湖中伫足老了青春二圈圈的漪沦镌刻时间的年轮湖水如琴一曲阳春白雪弹出薄薄的素纱，轻笼一曲高山流水弹出层层的山林，欢鸣弄琴人端立舟头一支竹橹
路人锋·2020-08-22 00:32

jquery-weui-1.0.1弹出popup层多次点击以后无法弹出层解决方法

最近用jquery-weui做手机页面，发现popup层弹出多次以后点击无法弹出层了，进入假死卡死状态，调试发现在每次弹出popup层之前调用了一次关闭层的操作为什么在调用打开层的方法中调用关闭的方法？
雨夜星辰03·2020-08-21 23:27

微信小程序自定义弹窗/弹出层功能，非官方api，自写

index.wxml这里是文本描述，可以查看css修改样式好的弹窗index.wxss/**index.wxss**//*外面的按钮*/.btn{width:80px;height:35px;background:#44b549;line-height:35px;text-align:center;color:#fff;font-size:15px;margin:20pxauto;border-r
TANKING·2020-08-21 19:25

大前端完整学习路线

JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算
s2385183093·2020-08-21 17:30

微信小程序全局变量改变监听

需求为：点击最后一个组件页面中的一个view，需要显示最外层父页面中的一个弹出层，并且动态的展示值，这个值的来源就是最后一个组件页面中的内容。
weixin_30256505·2020-08-21 17:48

Js弹出层（支持拖拽，多个弹窗自动切换层级）

Js弹出层使用方法：1，首先导入css和js2.Alert.show(el,modal,dragTitle);Alert.close(el);Alert.showIframe(url,width,height
iteye_16225·2020-08-21 14:25

定时关闭弹出层

层弹出代码adTime=5;chanceAd=1;varns=(document.layers);varie=(document.all);varw3=(document.getElementById&&!ie);adCount=0;functioninitAd(){if(!ns&&!ie&&!w3)return;if(ie)adDiv=eval('document.all.sponsorAdDi
haiwei_sun·2020-08-21 14:05

vux 在安卓4.4 华为手机自带浏览器出现的样式问题

页面有关css3的样式显示错乱，包括rotatetranslate等失效Actionsheet组件会默认显示且无法关闭所有的弹出层都没有遮罩很多固定定位的元素位置都会偏移该系统自带浏览器打开vuxdemo
咕哒家的黑贞·2020-08-21 08:39
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他