Ajax Extensions：updateprogress 控件实现遮罩效果

来源：java认证发布时间：2012-11-12 12:48:17java认证视频

<html>
<head>
<titel><titel>
<style type="text/css">
body
 { 
 height: 100%; 
 } #progressBackgroundFilter 
{ top:0px; bottom:0px; left:0px; right:0px; overflow:hidden; padding:0; margin:0; background-color:#000; filter:alpha(opacity=50); opacity:0.5; z-index:1000;

 position:absolute;

 height: expression(document.body.cpentHeight + "px");

 width: expression(document.body.cpentWidth + "px"); }

#processMessage { padding:10px; width:14%; z-index:1001; background-color:#fff; border:sopd 1px #000;

 position:absolute;

 top: expression((document.body.cpentHeight * .30) + "px") }

</style></head>

<body>

 <asp:ScriptManager ID="ScriptManager2" runat="server">    </asp:ScriptManager>    <asp:UpdatePanel ID="UpdatePanel1" runat="server">     <ContentTemplate>        <asp:updateprogress associatedupdatepanepd="UPDATEPANELID" id="updateProgress" runat="server"> <progresstemplate> <div id="progressBackgroundFilter"></div> <div id="processMessage"> Loading...<br /><br /> <img alt="Loading" src="images/ajax-loader.gif" /> </div> </progresstemplate> </asp:updateprogress>     </ContentTemplate>   </asp:UpdatePanel>

 </body>

</html>

TAG: Ajax实例

视频学习

我考网版权与免责声明

① 凡本网注明稿件来源为"原创"的所有文字、图片和音视频稿件，版权均属本网所有。任何媒体、网站或个人转载、链接转贴或以其他方式复制发表时必须注明"稿件来源：我考网"，违者本网将依法追究责任；

② 本网部分稿件来源于网络，任何单位或个人认为我考网发布的内容可能涉嫌侵犯其合法权益，应该及时向我考网书面反馈，并提供身份证明、权属证明及详细侵权情况证明，我考网在收到上述法律文件后，将会尽快移除被控侵权内容。

Ajax Extensions：updateprogress 控件实现遮罩效果

视频学习

我考网版权与免责声明

热门栏目

最近更新

社区交流

考试问答