为相册中照片加上淡入淡出效果（AJAX）

为相册中照片加上淡入淡出效果（AJAX）

首次浏览相册中照片会以自动播放的形式展示照片，如果手动停止其自动播放功能，单击“下一张”或“上一张”按钮时照片会先以淡出效果出现，然后再以淡入方式出现。

ASP.NET AJAX Control Tookit提供了一套功能强悍的动画开发架构，此开发架构的名称就是动画集锦（AnimationExtender）。更重要的是只需通过简单的声明方式就能够制作出许多令人眼前一亮的视觉效果，例如可以设置当目标控件发生特定的事件（OnLoad、OnClick、OnMouseOver或OnMouseOut）时，就开始播放动画。

动画集锦控件AnimationExtender最大的优点在于允许使用XML声明语法来设置动画效果，，这样意味着不需要任何JavaScript脚本语言就能够制作出复杂的动画。动画集锦控件的基本语法如下：

< OnMouseOut > < OnMouseOver >

（1）新建一个网站，将其命名为SlideSHow，默认主页为Default.aspx。

（2）在Default.aspx页面加载及单击“上一张”和“下一张”按钮时都需要播放动画，所以要在该页面中添加3个动画集锦扩展控件AnimationExtender，主要的HTML代码如下：

 

//页面加载时 asp:Button ID="btnPre" runat="server" SkinID="btnSkin" Text="上一张" Height="25px" Width="61px" />