怎么实现一个过渡动画？

Question

页面上有一个结算按钮，点了这个按钮我想让页面上显示“正在结算中请稍候...”的一个层，现在当前页上的内容不可点击。应该怎么做？

Answer 1

给你个用js实现的思路
用js就可以实现
建两个div层就行了
一个用来做遮罩层 设置它的width height display z-index 和  pacity filter:alpha等等
一个用来 显示“正在结算中请稍候...”display z-index(要大于遮罩层的)
提交时让两个div的display="";
提交成功后两个div的display="none"

Answer 2

AJAX...
<div    id = "loadingContainer"> <div id = "loading"> 正在结算中请稍候.... </div> </div> 
<script    languege = "javascript/text"> loadingpic  =  document.getElementById ( 'loadingContainer'); loadingpic.style.display  =  'none' ;// 初始化进度条为不可见 xajax.loadingFunction  =  loading ; // 定义XAJAX在等待请求时候调用的函数 xajax.doneLoadingFunction  =  loadingDone ; //定义XAJAX在或得请求数据以后调用的函数 function  loading(){           loadingpic.style.display  =  'block' ;  //设置请求数据的时候可见 } function  loadingDone() {
    loadingpic.style.display  =  'none' ;  //设置请求结束以后消失 
} 
</script> 

Answer 3

可以使用AJAX的UpdateProgress控件。。<asp:UpdateProgress ID="progress1" runat="server"
AssociateUpdatePanelID="up1">
<ProgressTemplate>
<div class="progress">
<asp:Image id="imgProgress" ImageUrl="~/Images/Progress.gif" runat="server">
正在结算中...
</div>
</ProgressTemplate>
</asp:UpdateProgress>其中up1为页面的UpdatePanel的ID,至于进度指示器动画图标，你可以上http://www.ajaxload.info去生成。