龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

使用ASP.NET AJAX 1.0框架PreviewGlitz进行网页动画编程(1)(2)

时间:2013-03-06 14:58来源:未知 作者:admin 点击:
分享到:
(一)构建示例页面 启动Visual Studio 2005,选择“文件→新建网站…”,然后选择“ASP.NET AJAX CTP-Enabled Web Site”模板,命名工程为“AjaxFadeAnimation”,并选择

(一)构建示例页面

启动Visual Studio 2005,选择“文件→新建网站…”,然后选择“ASP.NET AJAX CTP-Enabled Web Site”模板,命名工程为“AjaxFadeAnimation”,并选择C#作为编程语言(如图2所示),最后点击OK。

图2:使用“ASP.NET AJAX CTP-Enabled Web Site”模板快速创建AJAX应用程序

注意,系统自动在网站根目录下,创建了一个Bin子目录,并在该目录下提供了一个“Microsoft.Web.Preview.dll”文件。而且还注意到,系统自动为Default.aspx页面添加了一个ScriptManager服务器控件。这个控件是整个ASP.NET AJAX 1.0框架的核心,它管理着客户端运行时所需要的用于实现客户端功能的各种JavaScript脚本库的部署。而且,在新版本的框架中,这个控件的功能更为强大,使用更为简易。还应特别注意,这时系统也自动地添加了对于System.Web.Extensions.dll程序集的引用,但是,没有显式地列举于Bin子目录下。然后,把Default.aspx页面修改成如下图3所示形式:

图3:设计调用Web服务的客户端Web页面

上图中,我们简单地加入了两个HTML Input Button控件和一个DIV对象(下部的黄色大矩形)。我们的目的是,运行网页后,点击这两个不同的按钮实现下部DIV对象的淡入淡出动画效果展示。

下面是这个页面相应的源码形式:

<%@ Page Language="C#" AutoEventWireup="true"

CodeFile="Default.aspx.cs" Inherits="Default2" %>

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs"

Inherits="Default2" %>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

http://www.w3.org/1999/xhtml" >

    无标题页


   


   
       
        
           
           
        

 
       

       
       

style="width: 155px; height: 37px" language="javascript"

onclick="return FadeUsingFutures(true)" />
        height: 37px" type="button" value="Fade In" language="javascript"

onclick="return FadeUsingFutures(false)" />

       

background-color: #ffcc00">
             

精彩图集

赞助商链接