yuanws

<script>
var aa="[face1][face2][face3][face4][face5][face6][face1][face1]werwerwerewr";

//for(var num=1;num<20;num++)
//{
//var re=new   RegExp("\\\[face.*?\\\]","gm");
var re=/\[face.*?\]/g; 
//aa=aa.replace(re,"http://imgs.soufun.com/pic/UserAlbum/mk"+num+".gif");
var tmp=aa.match(re);
//}
for(var i=0;i<tmp.length;i++)
{
aa=aa.replace(tmp[i],"http://imgs.soufun.com/pic/UserAlbum/mk"+tmp[i].substring(5,tmp[i].length-1)+".gif")

}
alert(aa);
</script>

在本文中，我们仍然使用在一步一步学Silverlight 2系列（12）：数据与通信之WebClient中用过的示例，只不过稍微做一点小的改动，使用WebRequest提交书籍编号数据，并根据书籍号返回价格信息。最终运行的结果如下图：

编写界面布局，XAML如下：

<Grid Background="#46461F">
<Grid.RowDefinitions>
<RowDefinition Height="40"></RowDefinition>
<RowDefinition Height="*"></RowDefinition>
<RowDefinition Height="40"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<Border Grid.Row="0" Grid.Column="0" CornerRadius="15"
Width="240" Height="36"
Margin="20 0 0 0" HorizontalAlignment="Left">
<TextBlock Text="书籍列表" Foreground="White"
HorizontalAlignment="Left" VerticalAlignment="Center"
Margin="20 0 0 0"></TextBlock>
</Border>
<ListBox x:Name="Books" Grid.Row="1" Margin="40 10 10 10"
SelectionChanged="Books_SelectionChanged">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel>
<TextBlock Text="{Binding Name}" Height="32"></TextBlock>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
<Border Grid.Row="2" Grid.Column="0" CornerRadius="15"
Width="240" Height="36" Background="Orange"
Margin="20 0 0 0" HorizontalAlignment="Left">
<TextBlock x:Name="lblPrice" Text="价格：" Foreground="White"
HorizontalAlignment="Left" VerticalAlignment="Center"
Margin="20 0 0 0"></TextBlock>
</Border>
</Grid>

public class BookHandler : IHttpHandler
{
public static readonly string[] PriceList = new string[] {
"66.00",
"78.30",
"56.50",
"28.80",
"77.00"
};
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
context.Response.Write(PriceList[Int32.Parse(context.Request.Form["No"])]);
}
public bool IsReusable
{
get
{
return false;
}
}
}

在界面加载时绑定书籍列表，关于数据绑定可以参考一步一步学Silverlight 2系列（11）：数据绑定。

private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
List<Book> books = new List<Book>() {
new Book("Professional ASP.NET 3.5"),
new Book("ASP.NET AJAX In Action"),
new Book("Silverlight In Action"),
new Book("ASP.NET 3.5 Unleashed"),
new Book("Introducing Microsoft ASP.NET AJAX")
};
Books.ItemsSource = books;
}

接下来在SelectionChanged事件中实现用户选择书籍时，我们使用WebRequest提交书籍编号，并且获得价格数据，仍然采用异步模式，提供RequestReady和ResponseReady两个回调函数：

private string bookNo;
void Books_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
bookNo = Books.SelectedIndex.ToString();
Uri endpoint = new Uri("http://localhost:49955/BookHandler.ashx");
WebRequest request = WebRequest.Create(endpoint);
request.Method = "POST";
request.ContentType = "application/x-www-form-urlencoded";
request.BeginGetRequestStream(new AsyncCallback(RequestReady), request);
request.BeginGetResponse(new AsyncCallback(ResponseReady), request);
}

实现RequestReady方法，将书籍的编号写入请求流中。

void RequestReady(IAsyncResult asyncResult)
{
WebRequest request = asyncResult.AsyncState as WebRequest;
Stream requestStream = request.EndGetRequestStream(asyncResult);
using (StreamWriter writer = new StreamWriter(requestStream))
{
writer.Write(String.Format("No={0}", bookNo));
writer.Flush();
}
}

实现ResponseReady方法，显示返回的结果。

void ResponseReady(IAsyncResult asyncResult)
{
WebRequest request = asyncResult.AsyncState as WebRequest;
WebResponse response = request.EndGetResponse(asyncResult);
using (Stream responseStream = response.GetResponseStream())
{
StreamReader reader = new StreamReader(responseStream);
lblPrice.Text = "价格：" + reader.ReadToEnd();
}
}

最后运行的结果如下：

用户选择一本书籍后，将显示其价格：

编写一个简单的示例，在该示例中，选择一本书籍之后，我们通过Web Client去查询书籍的价格，并显示出来，最终的效果如下：

编写界面布局，XAML如下：

<Grid Background="#46461F">
<Grid.RowDefinitions>
<RowDefinition Height="40"></RowDefinition>
<RowDefinition Height="*"></RowDefinition>
<RowDefinition Height="40"></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<Border Grid.Row="0" Grid.Column="0" CornerRadius="15"
Width="240" Height="36"
Margin="20 0 0 0" HorizontalAlignment="Left">
<TextBlock Text="书籍列表" Foreground="White"
HorizontalAlignment="Left" VerticalAlignment="Center"
Margin="20 0 0 0"></TextBlock>
</Border>
<ListBox x:Name="Books" Grid.Row="1" Margin="40 10 10 10"
SelectionChanged="Books_SelectionChanged">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel>
<TextBlock Text="{Binding Name}" Height="32"></TextBlock>
</StackPanel>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>
<Border Grid.Row="2" Grid.Column="0" CornerRadius="15"
Width="240" Height="36" Background="Orange"
Margin="20 0 0 0" HorizontalAlignment="Left">
<TextBlock x:Name="lblPrice" Text="价格：" Foreground="White"
HorizontalAlignment="Left" VerticalAlignment="Center"
Margin="20 0 0 0"></TextBlock>
</Border>
</Grid>

为了模拟查询价格，我们编写一个HttpHandler，接收书籍的No，并返回价格：

public class BookHandler : IHttpHandler
{
public static readonly string[] PriceList = new string[] {
"66.00",
"78.30",
"56.50",
"28.80",
"77.00"
};
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
context.Response.Write(PriceList[Int32.Parse(context.Request.QueryString["No"])]);
}
public bool IsReusable
{
get
{
return false;
}
}
}

在界面加载时绑定书籍列表，关于数据绑定可以参考一步一步学Silverlight 2系列（11）：数据绑定。

void UserControl_Loaded(object sender, RoutedEventArgs e)
{
List<Book> books = new List<Book>() {
new Book("Professional ASP.NET 3.5"),
new Book("ASP.NET AJAX In Action"),
new Book("Silverlight In Action"),
new Book("ASP.NET 3.5 Unleashed"),
new Book("Introducing Microsoft ASP.NET AJAX")
};
Books.ItemsSource = books;
}

接下来当用户选择一本书籍时，需要通过Web Client去获取书籍的价格，在Silverlight 2中，所有的网络通信API都设计为了异步模式。在声明一个Web Client实例后，我们需要为它注册DownloadStringCompleted事件处理方法，在下载完成后将会被回调，然后再调用DownloadStringAsync方法开始下载。

void Books_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
Uri endpoint = new Uri(String.Format("http://localhost:49955/BookHandler.ashx?No={0}",Books.SelectedIndex));
WebClient client = new WebClient();
client.DownloadStringCompleted += new DownloadStringCompletedEventHandler(client_DownloadStringCompleted);
client.DownloadStringAsync(endpoint);
}
void client_DownloadStringCompleted(object sender, DownloadStringCompletedEventArgs e)
{
if (e.Error == null)
{
lblPrice.Text = "价格：" + e.Result;
}
else
{
lblPrice.Text = e.Error.Message;
}
}

注意大家可以在Web Application Project的属性页中，把ASP.NET Development Server的端口号设置为一个固定的端口号：

最后完整的代码如下：

public partial class Page : UserControl
{
public Page()
{
InitializeComponent();
}
void UserControl_Loaded(object sender, RoutedEventArgs e)
{
List<Book> books = new List<Book>() {
new Book("Professional ASP.NET 3.5"),
new Book("ASP.NET AJAX In Action"),
new Book("Silverlight In Action"),
new Book("ASP.NET 3.5 Unleashed"),
new Book("Introducing Microsoft ASP.NET AJAX")
};
Books.ItemsSource = books;
}
void Books_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
Uri endpoint = new Uri(String.Format("http://localhost:49955/BookHandler.ashx?No={0}",Books.SelectedIndex));
WebClient client = new WebClient();
client.DownloadStringCompleted += new DownloadStringCompletedEventHandler(client_DownloadStringCompleted);
client.DownloadStringAsync(endpoint);
}
void client_DownloadStringCompleted(object sender, DownloadStringCompletedEventArgs e)
{
if (e.Error == null)
{
lblPrice.Text = "价格：" + e.Result;
}
else
{
lblPrice.Text = e.Error.Message;
}
}
}

运行后效果如下：

当我们选择其中一本书籍时，将会显示出它的价格：

结束语

update  tags   set  usednumber=usednumber+(select b.usednumber
from  tag_tousenumber b
where tags.tagname=b.tagname and tags.channelid=b.channelid and datediff(day,b.addeddate,getdate())<1)

SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
-- =============================================
-- Author:  yuanwensheng
-- Create date: 2008-4-25
-- Description: 相册评论
-- =============================================
alter PROCEDURE SelectComments

@strGetFields varchar(1000) = '*', -- 需要返回的列

@fldName varchar(255)='',      -- 排序的字段名

@PageSize   int = 10,          -- 页尺寸

@PageIndex int = 1,           -- 页码

@OrderType bit = 0, -- 设置排序类型, 非 0 值则降序

@strWhere varchar(1500) = '' -- 查询条件 (注意: 不要加 where)

AS

declare @tblName varchar(255)         --表名

declare @strSQL   varchar(5000)       -- 主语句

declare @strTmp   varchar(110)        -- 临时变量

declare @strOrder varchar(400)        -- 排序类型

 // 创建一个XmlDocument对象，用于载入存储信息的XML文件
            XmlDocument xdoc = new XmlDocument();
            xdoc.Load(Server.MapPath("guestbook.xml"));

            // 创建一个新的guest节点并将它添加到根节点下
            XmlElement parentNode = xdoc.CreateElement("guest");
            xdoc.DocumentElement.PrependChild(parentNode);
          
            // 创建所有用于存储信息的节点
            XmlElement namenode = xdoc.CreateElement("name");
            XmlElement emailNode = xdoc.CreateElement("email");
            XmlElement qqNode = xdoc.CreateElement("qq");
            XmlElement homepageNode = xdoc.CreateElement("homepage");
            XmlElement commentNode = xdoc.CreateElement("comment");

            // 获取文本信息
            XmlText nameText  = xdoc.CreateTextNode(TextBox1.Text);
            XmlText emailText = xdoc.CreateTextNode(TextBox2.Text);
            XmlText qqText = xdoc.CreateTextNode(TextBox3.Text);
            XmlText homepageText = xdoc.CreateTextNode(TextBox4.Text);
            XmlText commentText = xdoc.CreateTextNode(TextBox5.Text);

            // 将上面创建的各个存储信息的节点添加到guest节点下但并不包含最终的值
            parentNode.AppendChild(namenode);
            parentNode.AppendChild(emailNode);
            parentNode.AppendChild(qqNode);
            parentNode.AppendChild(homepageNode);
            parentNode.AppendChild(commentNode);

            // 将上面获取的文本信息添加到与之相对应的节点中
            namenode.AppendChild(nameText);
            emailNode.AppendChild(emailText);
            qqNode.AppendChild(qqText);
            homepageNode.AppendChild(homepageText);
            commentNode.AppendChild(commentText);

            xdoc.Save(Server.MapPath("guestbook.xml"));

xslt转换
            Xml1.DocumentSource = Server.MapPath("guestbook.xml");
            Xml1.TransformSource = Server.MapPath("guestBook.xslt");

一. HTTP压缩概述

HTTP压缩是在Web服务器和浏览器间传输压缩文本内容的方法。HTTP压缩采用通用的压缩算法如gzip等压缩HTML、JavaScript或CSS文件。压缩的最大好处就是降低了网络传输的数据量，从而提高客户端浏览器的访问速度。当然，同时也会增加一点点服务器的负担。Gzip是比较常见的一种HTTP压缩算法。

本文介绍的HTTP压缩方式，采用的是Windows系统设置的方式，优点是效率较高。


二. HTTP压缩工作原理

Web服务器处理HTTP压缩的工作原理如下：

Web服务器接收到浏览器的HTTP请求后，检查浏览器是否支持HTTP压缩；
如果浏览器支持HTTP压缩，Web服务器检查请求文件的后缀名；
如果请求文件是HTML、CSS等静态文件，Web服务器到压缩缓冲目录中检查是否已经存在请求文件的最新压缩文件；
如果请求文件的压缩文件不存在，Web服务器向浏览器返回未压缩的请求文件，并在压缩缓冲目录中存放请求文件的压缩文件；
如果请求文件的最新压缩文件已经存在，则直接返回请求文件的压缩文件；
如果请求文件是ASPX等动态文件，Web服务器动态压缩内容并返回浏览器，压缩内容不存放到压缩缓存目录中。


三. IIS 6.0中配置HTTP Gzip压缩的步骤:

1) 打开Internet信息服务(IIS)管理器，右击"网站"->"属性"，选择"服务"。在"HTTP压缩"框中选中"压缩应用程序文件"和"压缩静态文件"，按需要设置"临时目录"和"临时目录的最大限制"；

2) 在Internet信息服务(IIS)管理器，右击"Web服务扩展"->"增加一个新的Web服务扩展..."，在"新建Web服务扩展"框中输入扩展名"HTTPCompression"，添加"要求的文件"为C:\WINDOWS\system32\inetsrv\gzip.dll，其中Windows系统目录根据您的安装可能有所不同，选中"设置扩展状态为允许"；

3) 使用文本编辑器打开C:\Windows\System32\inetsrv\MetaBase.xml(建议先备份),找到Location ="/LM/W3SVC/Filters/Compression/gzip"，如果需要压缩动态文件，则将HcDoDynamicCompression设置为"TRUE"，并在HcScriptFileExtensions中增加您要压缩的动态文件后缀名，如aspx；如果需要压缩静态文件，则将HcDoStaticCompression和HcDoOnDemandCompression设置为"TRUE"，并在HcFileExtensions中增加您需要压缩的静态文件后缀名，如xml、css等；HcDynamicCompressionLevel和HcOnDemandCompLevel表示需要的压缩率，数字越小压缩率越低；

4) 编辑完毕后保存MetaBase.xml文件；如果文件无法保存，则可能IIS正在使用该文件。打开"开始"->"管理工具"->"服务"，停止"IIS Admin Service"后，即可保存；

5) 最后，重新启动IIS。可以到HTTP压缩测试网站验证结果。

1.
string cnnstring = System.Configuration.ConfigurationSettings.AppSettings["Oracle"].ToString();
      OracleConnection conn=new OracleConnection(cnnstring);
   OracleCommand cmd=new OracleCommand("select spxxid,spdt from jt_j_spxx where spdt is not null order by spxxid desc ",conn);
   //OracleCommand cmd=new OracleCommand("select spxxid,spdt from jt_j_spxx order by spxxid desc ",conn);
            //OracleCommand cmd=new OracleCommand("select spxxid,spdt from jt_j_spxx where spxxid='756336553'",conn);
   conn.Open();
   OracleDataReader myReader;
            myReader = cmd.ExecuteReader();
   while(myReader.Read())
   {
    
    fpath = Server.MapPath(Request.ApplicationPath)+"/image/"+myReader.GetString(0)+".jpg";
                 fs =new FileStream(fpath, FileMode.OpenOrCreate, FileAccess.Write);
                 bw = new BinaryWriter(fs);
    outbyte = (byte[])myReader[1];
    bw.Write(outbyte);
    bw.Flush();
     bw.Close();
                fs.Close();

   }
   myReader.Close();
            conn.Close();

2. 
  upfile(System.Configuration.ConfigurationSettings.AppSettings["ForumUrl"]+"/Movie/default.aspx","~/Movie/index.html");

早就期待着的Castle Project 1.0 RC3终于在开发几乎1年后发布了。从Castle Project网站的通告可以看到，新版本给开发人员带来了很多用于为.NET 2.0 Web应用程序而设计的MVC框架的新特性和增强功能。

InfoQ前不久采访过项目创始人Hamilton Verissimo。这个项目最后的一个版本是2006年11月发布的RC2，由于有1整年没有任何改变，所以现在新版本带来了太多的变化。

更新的功能包括：

ActiveRecord

• 不需要扩展ARBase就能支持多数据集
• 使用新的Castle Validation实现重构验证支持
• InPlaceConfigurationSource.Build()
• 添加HqlNamedQuery
• 大量的错误修正
  

DynamicProxy

• RC3第一次包含DynamicProxy 2（其支持泛型）
• 比版本1快很多

MicroKernel/Windsor

• 支持泛型集合
• 转而使用DynamicProxy 2
• 添加一些小功能到IKernel和IWindsorContainer的add/resolve方法中
• 子容器支持得以提升，但是依旧需要一些检查——你可能会在编译的时候得到警告
• 添加了一个很简单的计算（Eval）支持，你能进行配置
• DefaultKernel 和 WindsorContainer现在都实现了IServiceProvider

MonoRail

• 添加了缓存（Cache）支持（查看新的Cache属性）
• 添加IsPost/IsGet/IsPut/IsHead到Controller
• 添加自动窗体验证（Auto Form Validation）
• FormHelper接近完美，依然缺乏多条选择的支持
• 支持一次注册多个视图引擎（可以和混合视图引擎说拜拜了）——但是还不够好，在内部还有很多不协调的情况
• 添加了少量视图组件
• 添加测试控制器、视图组件、向导的支持，而无须使用ASP.NET
• 添加了JS生成器支持，及UpdatePage/UpdatePageTag视图组件
• Format支持set操作，例如$Form.Select(”price”, [1..100], “”)是用货币格式来显示选择的元素
• 添加PaginationHelper.CreateCustomPage，其是处理分页最优化的方式
• 添加DiggStylePagination视图组件，基于Alex Henderson运作
• 添加了如下成员到SmartDispatcherController（和验证有关）：ValidationSummaryPerInstance : IDictionary、GetErrorSummary(对象实例) : ErrorSummary、HasValidationError(对象实例) : bool
• 添加ViewComponentDetails属性（就像ControllerDetails）
• 添加ViewComponentParam属性，它可以告知MonoRail把参数作为属性绑定到你的视图组件上——减少了重复的代码规则
• 添加UrlHelper/UrlBuilder概念

Aspect#

• 已经发布
  

组件

• 添加Castle.Validator
• 添加Castle.DictionaryAdapter——对这个特性还有点拿不准
• 加强了Binder（这是它的实现的另外一种重写代码）
  

其他

• 创建了using.castleproject.org
• 创建了api.castleproject.org
• 在Castle.Services.Transaction和微软System.Transactions之间进行了初步集成
• 创建了Castle.Core命名空间
  

• 为Controller提供原生的TDD模型支持
• 支持ASPX作为一种视图引擎（没有ViewState和Postback）
• 提供接口以使用其他的视图引擎，如MonoRail
• 提供对Controller对象生成的IoC支持和依赖注入支持
• 完全支持对URL和导航的控制
• 整个框架的模块都可以插拔（pluggable ）
• 关注分离（Separation of concerns）
• 与ASP.NET良好的集成
• 同时支持静态和动态语言

使用分页存储过程
Create  PROCEDURE ListPage(
@tblName  nvarchar(200),           ----要显示的表或多个表的连接
@fldName  nvarchar(200) = '*',          ----要显示的字段列表
@pageSize int = 10,                    ----每页显示的记录个数
@page  int = 1,           ----要显示那一页的记录
@pageCount int = 1 output,          ----查询结果分页后的总页数
@Counts int = 1 output,           ----查询到的记录数
@fldSort nvarchar(100) = null,          ----排序字段列表或条件
@Sort  bit = 0,           ----排序方法，0为升序，1为降序
@strCondition nvarchar(200) = null, ----查询条件,不需where
@ID  nvarchar(50)  ----主表的主键
)
AS
SET NOCOUNT ON
Declare @sqlTmp nvarchar(1000)  ----存放动态生成的SQL语句
Declare @strTmp nvarchar(1000)  ----存放取得查询结果总数的查询语句
Declare @strID  nvarchar(1000)  ----存放取得查询开头或结尾ID的查询语句
Declare @sqlSort nvarchar(200)  ----存放临时生成的排序条件
Declare @intCounts int   ----要移动的记录数
Declare @BeginID int   ----开始的ID
Declare @EndID   int   ----结束的ID

--------首先生成排序方法---------
if @Sort=0  --升序
begin
   if not(@fldSort is null)
  set @sqlSort = ' Order by ' + @fldSort 
   else
  set @sqlSort = ' Order by ' + @ID 
end
else   --降序
begin
 if not(@fldSort is null)
  set @sqlSort = ' Order by ' + @fldSort + ' DESC'  
 else
  set @sqlSort = ' Order by ' + @ID + ' DESC '
end

--------生成查询语句--------
--此处@strTmp为取得查询结果数量的语句
if @strCondition is null --没有设置显示条件
 begin
 set @sqlTmp =  @fldName + ' From ' + @tblName
 set @strTmp = 'select @Counts=Count(' + @ID + ') FROM '+@tblName
 set @strID = ' From ' + @tblName
 end
else
 begin
 set @sqlTmp = + @fldName + 'From ' + @tblName + ' where ' + @strCondition
 set @strTmp = 'select @Counts=Count(' + @ID + ') FROM '+@tblName + ' where ' + @strCondition
 set @strID = ' From ' + @tblName + ' where ' + @strCondition
 end
 

----取得查询结果总数量-----
exec sp_executesql @strTmp,N'@Counts int out ',@Counts out

--取得分页总数
if @Counts <= @pageSize
 set @pageCount = 1
else
 set @pageCount = (@Counts / @pageSize) + 1

--计算要移动的记录数
if @page = 1
 set @intCounts = @pageSize
else
begin
 set @intCounts = (@page-1) * @pageSize + 1
end

-----取得分页后此页的第一条记录的ID
set @strID = 'select @BeginID=' + @ID + ' ' + @strID

set @intCounts = @intCounts - @pageSize + 1
set rowcount  @intCounts
exec sp_executesql @strID,N'@BeginID int out ',@BeginID out

-----取得分页后此页的最后一条记录的ID
set @intCounts = @intCounts + @pageSize - 1
print @intCounts
set rowcount  @intCounts
exec sp_executesql @strID,N'@BeginID int out ',@EndID out

------恢复系统设置-----
set rowcount  0
SET NOCOUNT OFF

------返回查询结果-----
if @strCondition is null
 set @strTmp = 'select ' + @sqlTmp + ' where ' + @ID + ' between ' + str(@BeginID) + ' and ' + str(@EndID)
else
 set @strTmp = 'select ' + @sqlTmp + ' where ' + @ID +' (between ' + str(@BeginID) + ' and ' + str(@EndID) + ')  and ' + @strCondition

if not(@sqlSort is null)
set @strTmp = @strTmp + @sqlSort
exec sp_executesql @strTmp

 微软的示例中是点击一个按钮实现效果，而且AnimationExtender要绑定这个按钮
   在gridview的行中的按钮可是跟行一样多，而且还得确保每次AnimationExtender显示的内容不一样
  以下是实现方法。
1. 上来当然还是把控件添到网页
<cc1:AnimationExtender ID="AnimationExtender1"  runat="server" TargetControlID="Button2">
         <Animations>
                <OnClick>
                    <Sequence>
                       
                        <EnableAction Enabled="false" />
                       
                       
                        <ScriptAction Script="Cover($get('ctl00_SampleContent_btnInfo'), $get('flyout'));" />
                       
                       
                       
                        <ScriptAction Script="Cover($get('flyout'), $get('info'), true);" />
                        <StyleAction AnimationTarget="info" Attribute="display" Value="block"/>
                        <FadeIn AnimationTarget="info" Duration=".2"/>
                       
                       
                       
                        <Parallel AnimationTarget="info" Duration=".5">
                            <Color PropertyKey="color" StartValue="#666666" EndValue="#FF0000" />
                            <Color PropertyKey="borderColor" StartValue="#666666" EndValue="#FF0000" />
                        </Parallel>
                        <Parallel AnimationTarget="info" Duration=".5">
                            <Color PropertyKey="color" StartValue="#FF0000" EndValue="#666666" />
                            <Color PropertyKey="borderColor" StartValue="#FF0000" EndValue="#666666" />
                            <FadeIn AnimationTarget="btnCloseParent" MaximumOpacity=".9" />
                        </Parallel>
                    </Sequence>
                </OnClick></Animations>
        </cc1:AnimationExtender>
        <cc1:AnimationExtender id="CloseAnimation" runat="server" TargetControlID="btnClose">
            <Animations>
                <OnClick>
                    <Sequence AnimationTarget="info">
                        <%--  Shrink the info panel out of view --%>
                        <StyleAction Attribute="overflow" Value="hidden"/>
                        <Parallel Duration=".3" Fps="15">
                            <Scale ScaleFactor="0.05"  ScaleFont="true" FontUnit="px" />
                            <FadeOut />
                        </Parallel>
                       
                        <%--  Reset the sample so it can be played again --%>
                        <StyleAction Attribute="display" Value="none"/>
                        <StyleAction Attribute="width" Value="95%"/>
                        <StyleAction Attribute="height" Value=""/>
                        <StyleAction Attribute="fontSize" Value="12px"/>
                        <OpacityAction AnimationTarget="btnCloseParent" Opacity="0" />
                       
                        <%--  Enable the button so it can be played again --%>
                        <EnableAction AnimationTarget="Button2" Enabled="true" />
                    </Sequence>
                </OnClick>
                <OnMouseOver>
                    <Color Duration=".2" PropertyKey="color" StartValue="#FFFFFF" EndValue="#FF0000" />
                </OnMouseOver>
                <OnMouseOut>
                    <Color Duration=".2" PropertyKey="color" StartValue="#FF0000" EndValue="#FFFFFF" />
                </OnMouseOut>
             </Animations>
        </cc1:AnimationExtender>

和AnimationExtender1关联的按钮TargetControlID="Button2" 我用样式把他隐藏
<asp:Button ID="Button2" OnClientClick="return false;" runat="server" Text="Button" style="visibility:hidden;" />

接下来是添加gridview
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
     <asp:HiddenField ID="HiddenField1" runat="server" />
        <asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False"
             Width="655px" SkinID="GridView" OnRowDataBound="GridView1_RowDataBound" PageSize="15" OnPageIndexChanging="GridView1_PageIndexChanging" OnDataBound="GridView1_DataBound">
            <Columns>
                <asp:TemplateField HeaderText="日期">
                    <EditItemTemplate>
                    </EditItemTemplate>
                   
                    <ItemTemplate><asp:LinkButton ID="LinkButton 3" Text='<%#Eval("l_date","{0:d}")%>' CommandArgument='<%#Eval("id") %>' runat="server" OnClick="LinkButton 3_Click" OnClientClick="javascript:document.getElementById('Button2').click();" CausesValidation="False"></asp:LinkButton>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="添加时间">
                    <EditItemTemplate>
                    </EditItemTemplate>
                     <ItemStyle Width="150px" HorizontalAlign="Center" />
                    <ItemTemplate>
                 <asp:Label ID="Label1" runat="server" Text='<%# Bind("l_adddate") %>'></asp:Label>
                 </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="批阅">
                    <EditItemTemplate>
                        <asp:TextBox ID="TextBox3" runat="server" Text='<%# Bind("l_sid") %>'></asp:TextBox>
                    </EditItemTemplate>
                    <ItemTemplate>
                        <asp:Label ID="Label2" runat="server" Text='<%# Bind("l_reply") %>'></asp:Label>
                    </ItemTemplate>
                    <ItemStyle Width="30px" ForeColor="Red" HorizontalAlign="Center" />
                </asp:TemplateField>
                <asp:TemplateField HeaderText="修改" ShowHeader="False">
                    <ItemStyle Width="30px" />
                    <ItemTemplate>
                       <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl='<%#string.Format("log_add.aspx?id={0}",Eval("id")) %>'>修改</asp:HyperLink>
                </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="删除" ShowHeader="False">
                    <ItemStyle Width="30px" />
                    <ItemTemplate>
                        <asp:LinkButton ID="LinkButton2" runat="server" CausesValidation="false" CommandName="del"  CommandArgument='<%# Eval("id") %>'    Text="删除" OnClientClick='return confirm("确定删除？");' OnClick="LinkButton2_Click"></asp:LinkButton>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
            </ContentTemplate>
        </asp:UpdatePanel>

主要是蓝色标记的那部分，当然后台事件自己写
还少点东西就是那个div 在把他们拷近来就可以了
<div id="flyout" style="display: none; overflow: hidden; z-index: 2; background-color: #FFFFFF; border: solid 1px #D0D0D0;"></div>
       
        <!-- Info panel to be displayed as a flyout when the button is clicked -->
        <div id="info" style="display: none; width:95%; z-index: 2; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); font-size: 12px; border: solid 1px #CCCCCC; background-color: #F3F3F3; padding: 5px; left: 10px; position: absolute; top: 10px;">
            <div id="btnCloseParent" style="float: right; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);">
                <asp:LinkButton id="btnClose" runat="server" OnClientClick="return false;" Text="X" ToolTip="Close"
                    Style="background-color: #666666; color: #FFFFFF; text-align: center; font-weight: bold; text-decoration: none; border: outset thin #FFFFFF; padding: 5px;" />
            </div>
            <div>
               <asp:UpdatePanel ID="UpdatePanel2" runat="server">
            <ContentTemplate> <table width="98%" border="0" align="center" cellpadding="3" cellspacing="1" class="table">
 <tr class="hback">
  <td  class="xingmu" >
            日志：<asp:Label ID="l_date" runat="server" Text="Label"></asp:Label>&nbsp; --&nbsp;
            <asp:Label ID="u_name" runat="server" Text="Label"></asp:Label></td>
           </tr>
</table>
</ProgressTemplate>
        </asp:UpdateProgress>

 </div>
        </div>

至此结束！