[求助] 页面的遮罩功能怎么实现?_有问有答_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  有问有答 »
总帖数
9
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 3253 | 回复: 8   主题: [求助] 页面的遮罩功能怎么实现?        下一篇 
kenie123
注册用户
等级:少尉
经验:336
发帖:13
精华:0
注册:2015-8-5
状态:离线
发送短消息息给kenie123 加好友    发送短消息息给kenie123 发消息
发表于: IP:您无权察看 2016-1-29 9:55:35 | [全部帖] [楼主帖] 楼主

页面的遮罩功能怎么实现?

比如,我点了一个上传,由于执行比较缓慢,该怎么弹出一个效果,让用户知道正在上传,且不让用户点其他按钮?




赞(0)    操作        顶端 
hui.chen
注册用户
等级:大校
经验:6070
发帖:48
精华:4
注册:2014-2-7
状态:离线
发送短消息息给hui.chen 加好友    发送短消息息给hui.chen 发消息
发表于: IP:您无权察看 2016-1-29 10:04:47 | [全部帖] [楼主帖] 2  楼

遮罩效果有很多种,我刚刚在论坛上面分享了一个类似弹框的效果,你可以参考一下

http://bbs.landingbj.com/t-0-291751-1.html


你需要的那中效果应该是要先弹出一个黑色半透明的层,大小为页面大小,然后在页面中间显示正在上传的文字或者动画,如下:

step5.jpg


u=2871144702,1362725177&fm=21&gp=0.jpg.gif


赞(0)    操作        顶端 
今日有雪
注册用户
等级:上等兵
经验:120
发帖:0
精华:0
注册:2016-2-14
状态:离线
发送短消息息给今日有雪 加好友    发送短消息息给今日有雪 发消息
发表于: IP:您无权察看 2016-2-15 15:26:16 | [全部帖] [楼主帖] 3  楼

非常的有意思



赞(0)    操作        顶端 
rzq521521
注册用户
等级:上士
经验:303
发帖:1
精华:0
注册:2016-1-11
状态:离线
发送短消息息给rzq521521 加好友    发送短消息息给rzq521521 发消息
发表于: IP:您无权察看 2016-2-16 11:37:05 | [全部帖] [楼主帖] 4  楼

这方面我也想学习



赞(0)    操作        顶端 
面朝大海
注册用户
等级:中士
经验:234
发帖:0
精华:0
注册:2016-2-14
状态:离线
发送短消息息给面朝大海 加好友    发送短消息息给面朝大海 发消息
发表于: IP:您无权察看 2016-2-17 12:38:23 | [全部帖] [楼主帖] 5  楼

学习了!



赞(0)    操作        顶端 
filogra
注册用户
等级:少校
经验:1408
发帖:13
精华:0
注册:2015-6-2
状态:离线
发送短消息息给filogra 加好友    发送短消息息给filogra 发消息
发表于: IP:您无权察看 2016-4-15 9:19:28 | [全部帖] [楼主帖] 6  楼

jquery应该很容易实现的



赞(0)    操作        顶端 
twany
注册用户
等级:少校
经验:1408
发帖:17
精华:0
注册:2015-6-2
状态:离线
发送短消息息给twany 加好友    发送短消息息给twany 发消息
发表于: IP:您无权察看 2016-4-15 9:53:51 | [全部帖] [楼主帖] 7  楼

跟着学习一下



赞(0)    操作        顶端 
ettu
注册用户
等级:上尉
经验:787
发帖:0
精华:0
注册:2016-2-22
状态:离线
发送短消息息给ettu 加好友    发送短消息息给ettu 发消息
发表于: IP:您无权察看 2016-4-15 10:09:52 | [全部帖] [楼主帖] 8  楼

学习,学习,谢谢!



赞(0)    操作        顶端 
twany
注册用户
等级:少校
经验:1408
发帖:17
精华:0
注册:2015-6-2
状态:离线
发送短消息息给twany 加好友    发送短消息息给twany 发消息
发表于: IP:您无权察看 2016-4-15 21:24:18 | [全部帖] [楼主帖] 9  楼

share



赞(0)    操作        顶端 
总帖数
9
每页帖数
101/1页1
返回列表
发新帖子
请输入验证码: 点击刷新验证码
您需要登录后才可以回帖 登录 | 注册
技术讨论