社区
JavaScript
帖子详情
--- 怎样使用jquery ui 遮罩类? 在线等 ----------------------
15916814
2010-01-17 12:05:20
JQuery UI 框架
在使用 dialog 弹出对话层的时候可以使用遮罩类阴影;
请问可以单独使用遮罩类吗?
如果可以,请问怎么用?请尽量给出详细的说明。
谢谢了,在线等。。。。。。。。。。。
...全文
362
3
打赏
收藏
--- 怎样使用jquery ui 遮罩类? 在线等 ----------------------
JQuery UI 框架 在使用 dialog 弹出对话层的时候可以使用遮罩类阴影; 请问可以单独使用遮罩类吗? 如果可以,请问怎么用?请尽量给出详细的说明。 谢谢了,在线等。。。。。。。。。。。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
shiye1987
2010-01-18
打赏
举报
回复
单纯遮罩不需要用到JQUERY UI啊
antony1029
2010-01-17
打赏
举报
回复
楼主 看下 http://www.cnblogs.com/cloudgamer/archive/2008/09/15/1290954.html
还有 http://blog.csdn.net/Dylan_Gong/archive/2009/05/21/4205756.aspx
墨魚丸
2010-01-17
打赏
举报
回复
最好先看看源代码,找到那个遮罩层,看看是在什么时候创建的这个遮罩层,在你要弹出的时候把这个遮罩层 show 出来(必须已经创建),在 show出来之前可以先设定它的大小与位置。
基于
jquery
的Block
UI
做的
遮罩
层
基于
jquery
的Block
UI
做的
遮罩
层
jquery
-
ui
-1.8rc1
基于
jQuery
的前端网页特效包demos 拖拽,排序,
遮罩
,进度条,动画效果等 比
jquery
-
ui
-1.7.2多了几个特效的demo
jQuery
弹出层 浮动
遮罩
层 提示框 并随页面滚动而滚动
jQuery
.
UI
.Impromptu.js
jQuery
弹出层 浮动层 提示框 并随页面滚动而滚动 实现弹出层不再难,只要引用
jQuery
.
UI
.Impromptu.js这个js文件后,想要弹出哪个tag都行了 如:我想要这里是弹出浮动
遮罩
层 并随页面滚动而滚动 只要调用 $('#ok').showModel();这个方法就可以了 调用$('#ok').closeModel();就可以关闭层了 这个插件还有个好处是自动隐藏select控件,关闭后自动显示select控件 弹出层并随页面滚动而滚动
jquery
loading(
遮罩
)插件
jQuery
Loading插件用于当DOM元素加载或变化期间,对其进行遮挡阻止用户操作并告知有些后台任务还在进行。实现“正在加载中…”的效果。整个插件只有1kb左右。效果跟extjs
遮罩
(锁屏)效果基本一样。
Jquery
遮罩
ShowLoading组件
遮罩
用途及效果 ShowLoading这个
jQuery
插件设计用于当运行Ajax请求时,可以在屏幕某一特殊区域(id,class或者html标签)覆一张正在加载中的图片。 有时候我们页面调用后台程序时间比较长时,前台页面暴露在用户之下,如果用户点击可能会造成逻辑混乱。这时候,
遮罩
就起到了很好的效果,在触发后台程序时我们将前台页面遮住,不让操作,同时给予一个程序运行请等待的效果。
遮罩
效果: 二、
JQuery
遮罩
UI
实现
<script type="text/javascript" src="js/
jquery
.showLoading.min.js">使用方法 假设html页面有有一个class为add_test_img的标签,需要通过ajax访问后台,并在add_test_img标签中显示一些相关内容,在内容显示之前,可对add_test_img标签
使用
遮罩
,防止在数据显示之前,被修改其中的内容 复制代码 //显示
遮罩
$(".add_test_img").showLoading(); //ajax调用 $.ajax({ type: "GET", url: "Api.php", data: {ApiTarget: 'TestImage', op: 'paginateByClassId', prj_id: prj_id, class_id:class_id, page: index, per_page: items_per_page, user_id: user_id, start_date:start_date_str, end_date:end_date_str}, success: function(response){ //对返回数据进行处理,并显示 //...... //去除
遮罩
$(".add_test_img").hideLoading(); }, error: function(xhr) { //显示失败信息 //...... //去除
遮罩
$(".add_test_img").hideLoading(); } });
JavaScript
87,904
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章