posts - 283,  comments - 6275,  trackbacks - 107
      今天在网上看到了这样一篇文章:
      Silverlight With Java Script Tutorial 12 - Silverlight Marquee Text
   
      教你实现Marquee效果,其主要代码是对StoryBoard的使用,本人在原文其中上又加了“向右,
向上,向下”滚动文字的效果(当然也可以滚动图片)。

      下面就是其演示效果(silverlight2 beta2):

   
      其xaml代码如下:
   
<Canvas xmlns="http://schemas.microsoft.com/client/2007"  
           xmlns:x
="http://schemas.microsoft.com/winfx/2006/xaml">
   
<Canvas.Triggers>
       
<EventTrigger RoutedEvent="Canvas.Loaded" >
           
<BeginStoryboard>
               
<Storyboard x:Name="animation" RepeatBehavior="Forever" >
                   
<DoubleAnimation Storyboard.TargetName="ScrollingRight"
                   Storyboard.TargetProperty
="(Canvas.Left)"  From="10" To="360" Duration="0:0:10"  />
                   
<DoubleAnimation Storyboard.TargetName="ScrollingLeft"
                   Storyboard.TargetProperty
="(Canvas.Left)" From="360" To="-100" Duration="0:0:10"  />
                   
<DoubleAnimation Storyboard.TargetName="ScrollingUp"
                   Storyboard.TargetProperty
="(Canvas.Top)" From="300" To="-60" Duration="0:0:10"  />
                   
<DoubleAnimation Storyboard.TargetName="ScrollingDown"
                   Storyboard.TargetProperty
="(Canvas.Top)" From="-30" To="360" Duration="0:0:10"  />
               
</Storyboard>
           
</BeginStoryboard>
       
</EventTrigger>
   
</Canvas.Triggers>

   
<TextBlock x:Name="ScrollingRight" FontFamily="Comic Sans MS" FontSize="36" Foreground="Green" 
                  Text
="向右" Canvas.Top="0" />
   
<TextBlock x:Name="ScrollingLeft" FontFamily="Comic Sans MS" FontSize="36" Foreground="Red"
                  Text
="向左" Canvas.Top="50"/>     
   
<TextBlock x:Name="ScrollingUp" FontFamily="Comic Sans MS" FontSize="36" Foreground="Blue"
                  Text
="向上" Canvas.Left="80" /> 
   
<TextBlock x:Name="ScrollingDown" FontFamily="Comic Sans MS" FontSize="36" Foreground="Black"
                  Text
="向下" Canvas.Left="200" /> 
</Canvas>





posted on 2008-07-15 11:42 代震军 阅读(1753) 评论(1) 编辑 收藏

FeedBack:
2010-12-17 09:12 | sinodragon21      
不错,很酷!
 回复 引用 查看   
昵称:代震军
园龄:5年11个月
荣誉:推荐博客
粉丝:490
关注:3

<2008年7月>
293012345
6789101112
13141516171819
20212223242526
272829303112
3456789

搜索

 
 

常用链接

随笔分类(366)

随笔档案(283)

文章分类(8)

文章档案(31)

相册

JavaScript

LINQ

silverlight

UML,OO

WebBlogger

负载开源项目

  • Discuz!NT
  • LLServer
  • TokyoTyrantClient
  • WebCam

个人简历

漫画

其它

企业级架构

网站案例研究

积分与排名

  • 积分 - 1217851
  • 排名 - 26

最新评论

阅读排行榜

评论排行榜

推荐排行榜