通过java、JavaScript和css实现点击按钮后出现灰色遮罩层,并显示动态加载的字样,提高用户体验,废话不多说,上代码(写这个博客的原因是网上代码太多新手根本不知道哪里对哪里,这里剔除所有无关代码,只显示可以出现功能的最少代码)。 第一:效果图为 第二:实现如上效果的代码为 1:遮罩层css ...
分类:
编程语言 时间:
2016-04-19 16:57:13
阅读次数:
261
事情的起因是这样的,下面我们娓娓道来! 公司官网上要求点击每个新闻模块有下面的交互 有一个遮罩层从底部出来。 html代码如下: .news-list是每个带logo的新闻模块 .news-desc-wrap是从下面而来的遮罩层 我的第一次的js代码是这样的: 对于.news-list-expand ...
分类:
其他好文 时间:
2016-04-06 15:14:50
阅读次数:
126
在非常多站点中,我们都能够看到这种效果。当用户鼠标进入某一个元素后,下方就会有遮罩层上浮动画,如图: 今天我们就用hover伪类加上css3实现,没有使用不论什么JS <!DOCTYPE html> <html> <head lang="zh-cmn-Hans"> <meta charset="UT ...
分类:
Web程序 时间:
2016-04-03 08:54:33
阅读次数:
202
网络请求 - 是否异步 - 参数字典 (本身参数 系统环境参数, 默认参数) - 遮罩层 - 报错提示 - url 网络参数类(RequestParam) userid: NSString * entid: NSString * appid: NSString * secret: NSString ...
分类:
其他好文 时间:
2016-03-29 14:29:09
阅读次数:
124
利用FrameLayout实现遮罩层,基本原理是动态的加载一个Layout 首先是布局文件 activity_validate_phone.xml? ?根布局采用FramLayout 然后是Activity ?private ImageView infoOperatingIV; private Im ...
分类:
其他好文 时间:
2016-03-27 15:52:03
阅读次数:
213
$(‘#dialog_box‘).on(‘click‘,function(){
$(this).hide();
});
$(‘#message_box‘).on(‘click‘,function(e){
e.stopPropagation();
});
原理是:阻止弹框的点击事件冒泡,遮罩层点击关闭。
分类:
Web程序 时间:
2016-03-26 09:00:05
阅读次数:
260
现在遮罩层使用的越来越多,因此,当元素定位之后如何在页面居中是首先要解决的问题。 以div元素绝对定位为例: div{width:500px;height:400px;position:absolute;top:50%;left:50%;} div是以左上角o点距上50%距左边50%,此时div在页
分类:
其他好文 时间:
2016-03-16 12:06:51
阅读次数:
136
背景 在web2.0中,页面弹窗是一个很常见的交互方式,这样既可以避免不必要的页面跳转,也可以改进界面的布局和可交互性。 但是,浏览器原生的弹窗函数(alert, confirm, prompt)有着很大的局限性,主要是它们的展现UI一来很不美观,二来也不够灵活,因此,我们经常需要自行定义弹窗函数。
分类:
其他好文 时间:
2016-03-09 16:04:51
阅读次数:
204
(function () { //遮罩层实现 zhe zhao ceng kexb 2016.2.24 $.extend($.fn, { mask: function (msg, maskDivClass) { this.unmask(); // 参数 var op = { opacity: 0.8
分类:
Web程序 时间:
2016-02-24 12:39:41
阅读次数:
145
本章节介绍一下如何点击一个按钮实现弹出一个居中窗口,并且此窗口带有半透明的遮罩层效果,此效果在当下比较流行,当然还有更为复杂的实现方式,当然效果也更为绚丽,下面介绍的代码能够简单实现此效果。 点击弹出居中带有透明遮罩层窗口:本章节介绍一下如何点击一个按钮实现弹出一个居中窗口,并且此窗口带有半透明的遮
分类:
其他好文 时间:
2016-02-20 15:49:03
阅读次数:
152