Silverlight制作右下角伸缩提示

Xaml：
 
          <Canvas VerticalAlignment="Bottom" HorizontalAlignment="Right">
              <Canvas.Resources>
                      <Storyboard x:Name="storyPopUp">
                              <DoubleAnimation Duration="0:0:2" From="0" To="-200" Storyboard.TargetName="canvasPopup" Storyboard.TargetProperty="(Canvas.Top)" />
                      </Storyboard>
                      <Storyboard x:Name="storyPopDown">
                              <DoubleAnimation Duration="0:0:2" From="-200" To="0" Storyboard.TargetName="canvasPopup" Storyboard.TargetProperty="(Canvas.Top)" />
                      </Storyboard>
              </Canvas.Resources>
             
              <Canvas VerticalAlignment="Bottom" HorizontalAlignment="Right" x:Name="canvasPopup" Margin="-300 0 0 0" Width="200" Height="200">                                             
                      <Border CornerRadius="8 8 0 0" BorderThickness="1" BorderBrush="Red" Background="Azure" HorizontalAlignment="Right" VerticalAlignment="Top"
                                        Width="300" Height="200">
                              <Border.Effect>
                                      <DropShadowEffect />
                              </Border.Effect>                                     
                              <Grid>
                                      <Grid.RowDefinitions>
                                              <RowDefinition Height="25" />
                                              <RowDefinition Height="*" />
                                      </Grid.RowDefinitions>                                   
                                      <TextBlock Text="  警 告" FontSize="12" VerticalAlignment="Center" FontWeight="Black" Foreground="Black"  Grid.Row="0" />
                                      <Image Width="15" Height="15" Source="/XXXX;component/XXXX/Image/关闭.png" Cursor="Hand" MouseLeftButtonDown="Image_MouseLeftButtonDown"  HorizontalAlignment="Right" Margin="0 2 8 0"/>
                                      <Border  Grid.Row="1" >
                                              <TextBlock Margin="0 0 0 30" Name="AlertText"  TextWrapping="Wrap" FontSize="12" Width="190" VerticalAlignment="Center" />
                                      </Border>
                              </Grid>
                      </Border>
              </Canvas>
      </Canvas>

cs：
  private void UserControl_Loaded(object sender, RoutedEventArgs e)
              {
                      storyPopUp.Begin();
              }

  private void Image_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
              {
                      this.storyPopDown.Begin();                   
              }