jQuery实现按钮点击遮罩加载及处理完后恢复的效果

本文实例讲述了框架实现按钮点击遮罩加载及处理完后恢复的效果。分享给大家供大家参考，具体如下：

运行效果图如下：

具体代码如下：

% @ Page Language=' c# ' AutoEventWireup=' true ' CodeFile=' measureiload '。aspx。cs ' Inherits=' easuiload ' %！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head runat=' server ' title easy ui加载效果/title style type=' text/CSS ' body { font-size :12 px } .datagrid-mask { position : absolute；左侧left:0top:0宽度：100%;高度：100%;opa city 3360.5 filter : alpha(不透明度=30);背景-color : # E0 ecff；display:none} .datagrid-mask-msg { position : absolute；前：50%；边距-top :-20px；padding:10px 15px 10px 15px宽度：汽车；高度：16像素边框宽度：2 px边框颜色： # 68 a5ff边框式：实心；显示：无}。img 1 {竖排align:middle}/style脚本src=' http : js/jquery-1。9 .1 .js ' type=' text/JavaScript '/script script type=' text/JavaScript '/load function resume iload(){ $(' div class=\ ' datagrid-mask \ '/div ').css({ display: 'block '，width: '100% '，height: 'auto！重要的' })。appendo(' body ')；$(' div class=\ ' datagrid-mask-msg \ '/div ').html(' img src=' images/loading。gif ' class=' img 1 '/正在运行，请稍候。').appendTo("正文")。css({ display: 'block '，left: ($(document.body)).外部宽度(真)- 190)/2，顶部： ($(窗口).高度()-45)/2 });}//显示负荷函数display measureiload(){ $(').数据网格掩码').移除();$('.datagrid-mask-msg ').移除();}/脚本/床头表单ID='表单1 ' runat='服务器' div ASP :按钮ID='按钮1 ' runat='服务器' Text='加载效果OnClientClick=' JavaScript : EasyuiLoad()；onclick=' button 1 _ Click '//div/form/body/html使用系统；使用系统。集合。通用；使用系统Linq .使用系统网络.使用系统网络。用户界面使用系统。网络控件；公共部分类易建联：系统.网络。用户界面。第{页受保护的无效页面_加载(对象发送者，事件参数e)} }受保护的void Button1_Click(对象发送者，事件参数{系统.线程。线程。睡眠(5000);//处理逻辑.//完成处理后恢复ClientScript .RegisterStartupScript(这GetType()、“closeLoad”、“display measureiload()；真);}}更多关于框架相关内容感兴趣的读者可查看本站专题： 《jquery中Ajax用法总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jQuery拖拽特效与技巧总结》 、 《jQuery扩展技巧总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 、 《jquery选择器用法总结》 及《jQuery常用插件及用法总结》

希望本文所述对大家框架程序设计有所帮助。