本节我们看看搜索动画,也就是点击所搜框,上面的导航或者标题栏会被“顶”上去。先看看效果图。
业务描述:
1. 点击搜索框,上面的标题栏会被“顶”上去,同时会显示遮罩效果。
2. 然后你点击遮罩层或者“Cancel”按钮,标题栏又被弹回来。
大家也许会感觉到奇怪,这个动画效果,用UIView的block动画,实现起来并不困难。但这并不是本节讲述的重要。我这里的UI布局,是基于...
分类:
其他好文 时间:
2015-07-17 22:53:15
阅读次数:
180
DIV CSS遮罩层 测试 文章来源:http://blog.csdn.net/hcf_force/article/details/82896...
分类:
Web程序 时间:
2015-07-17 20:35:13
阅读次数:
134
在遮罩层的使用过程中,发现了一个问题,如果有一个有标签链接的HTML页面,如果使用JS遮罩层将此HTML页面遮罩,则此链接无法点击;如果要使此链接可以点击,则需要在标签中添加style属性“position:relative;”,例如: 1 2 3 DIV CSS遮罩层 4 14 22 23 2.....
分类:
Web程序 时间:
2015-07-14 19:36:36
阅读次数:
105
对于前端开发者来说,js是不可缺少的语言。现在我开始把我日常积累的一些js效果或者通过搜索自己总结的一些效果分享给大家,希望能够帮助大家一起进步,也希望大家能够多多支持!1、今天我先分享一个遮罩层弹框效果:弹出提示注册现在注册关闭 用户名 密 码
分类:
Web程序 时间:
2015-07-13 15:23:12
阅读次数:
144
在网页上经常遇到需要等待很久的操作,比如导出报表等。为了预防用户点击其他操作或者多次点击同个功能,需要用遮罩层把页面或者操作区盖住,防止用户进行下一步操作,同时可以提高界面友好度,让用户知道操作正在执行。
$.fn.extend({
/**
* 给元素添加遮罩层
* @param message {String} [可选]遮罩层显示内容
*/
mask: function ...
分类:
Web程序 时间:
2015-07-07 19:31:43
阅读次数:
376
jQuery弹出层效果关闭目前来说,我还是喜欢这个自己改造的弹出层。自己在项目中也用的是这个。转载自:http://blog.sina.com.cn/s/blog_81a3c47b01017nve.html 如有侵权请联系删除
分类:
Web程序 时间:
2015-07-07 16:46:57
阅读次数:
117
模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。bootstrap的模态框在默认情况下,点击其他空白区域(通常是遮罩层),模态框会被关闭,那么以下方法就是禁止点击其他区域关闭模态框。$('#myMo...
分类:
其他好文 时间:
2015-06-30 14:44:34
阅读次数:
175
利用div实现遮罩层效果就是利用一个全屏、半透明的div遮住页面上其它元素,典型的例子就是百度的登录界面。下面贴出示例代码:全屏div打开遮罩关闭
分类:
其他好文 时间:
2015-06-28 21:23:39
阅读次数:
107