使用弹出层完成文章的详情查看: 1、给标签绑定一个class和自定义的属性article_id 设置class的目的:给这一类的元素方便绑定事件 自定义属性article_id:待会是为了获取当前元素的id 引入核心js文件: 2、给class=showContent绑定一个单击的事件 3、php根 ...
分类:
其他好文 时间:
2017-08-27 10:04:41
阅读次数:
103
layer.js包含了所有的层级情形,并且附加的有:tab层,相册层、webIM层。 适用于移动版本的layer.js 为layer for mobile 配套的layui 非常适合用于后台系统的ui框架。用法在官网都有说明:参见http://layer.layui.com/ 文档手册 另外它的fl ...
分类:
Web程序 时间:
2017-08-25 18:14:18
阅读次数:
172
弹出层在火狐、谷歌、360极速模式、IE6下都能100%面积正常显示,但在IE8和360的兼容模式下只显示弹出层下半部分或右半部分的内容,在主页面加上: <meta http-equiv="x-ua-compatible" content="ie=7" /> 即可解决。 但是我的项目是在弹出层上面再 ...
分类:
其他好文 时间:
2017-08-24 19:55:34
阅读次数:
197
前言:学习layer弹出框,之前项目是用bootstrap模态框,后来改用layer弹出框,在文章的后面,我会分享项目的一些代码(我自己写的)。 layer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护、不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为 ...
分类:
其他好文 时间:
2017-08-19 22:19:41
阅读次数:
493
给DIV加上以下样式即可 style="z-index: 10; display: none; width: 700px; height: 440px; left: 50%; top: 45%; margin-left: -350px; position: absolute;" 给DIV加上以下样式 ...
分类:
其他好文 时间:
2017-08-18 18:34:12
阅读次数:
96
当不能运用框架的弹出层时,自定义简单的弹出层! <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <head> <title>弹出层</title> <script src="jquery-1.6.2.min.js ...
分类:
其他好文 时间:
2017-08-10 17:03:16
阅读次数:
101
关键点: css的position定位为fixed或absolute css的z-index, 最顶层的值最大如遮罩层为0那么弹出框最好是大于等于1的整数,总之记住弹出层要比遮罩的z-index值大就行 如果弹出模态框的使用场景没有嵌套在iframe或frame中掌握以上两点加上点css功底就可以写 ...
分类:
其他好文 时间:
2017-08-09 23:58:21
阅读次数:
413
目标要求 模仿bootstrap的弹出层实现 如何实现 bootstrap弹出框的效果.经过研究后.思路如下 建议的弹出层的HTML结构 仿bootstrap <div id=xxx class="msgboxbg"> // 弹出框的最外层必要 msgboxbg类名必要 <div class="ms ...
分类:
Web程序 时间:
2017-08-06 12:38:06
阅读次数:
189
分享原因:因为要做这个功能在网上找了好多,看的繁琐蛋疼,基于以上原因今天给大家分享个简洁 清晰 又好懂(易于学习)的功能。 我们先准备个弹出层: 就是这么简单 ...
分类:
其他好文 时间:
2017-07-29 18:56:26
阅读次数:
113