在silverlight中实现Marquee效果
来源:互联网 发布:python 临时文件夹 编辑:程序博客网 时间:2024/05/16 04:51
今天在网上看到了这样一篇文章:
Silverlight With Java Script Tutorial 12 - Silverlight Marquee Text
教你实现Marquee效果,其主要代码是对StoryBoard的使用,本人在原文其中上又加了“向右,
向上,向下”滚动文字的效果(当然也可以滚动图片)。
下面就是其演示效果(silverlight2 beta2):
其xaml代码如下:
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>
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>
- 在silverlight中实现Marquee效果
- 在Silverlight中实现marquee的效果
- flex中实现marquee效果(由下而上滚动)
- flex中实现marquee效果(由下而上滚动)
- flex中实现marquee效果(由下而上滚动)
- 使用 MARQUEE HTML中实现图片的各种滚动效果
- 实现首尾相连的Marquee效果
- Jquery实现网页marquee效果
- JS实现marquee滚动效果
- Jquery实现网页marquee效果
- marquee实现文字滚动效果
- 标签marquee实现滚动效果
- 在Windows ce中为Silverlight元件注册手势事件以实现拖拽效果
- <marquee></marquee> 动画效果
- marquee在IE8中问题
- 用javascript实现的marquee效果
- marquee实现连续不间断滚动图片效果
- Marquee实现文字走马灯滚动效果
- [翻译] python Tutorial 之四
- [翻译] python Tutorial 之三
- [翻译] python Tutorial 之二
- [翻译] python Tutorial 之一
- 在silverlight 使用 IronPython
- 在silverlight中实现Marquee效果
- 使silverlight适应IE窗口大小的方法
- 使用silverlight中的Storyboard实现动画效果
- silverlight中path对象使用总结
- 一个silverlight播放器的DEMO(Expression Encoder 2)
- Silverlight中键盘事件的js开发
- Silverlight中鼠标事件的js开发
- 使用createObject(createObjectEx)创建silverlight对象
- 怎么这两天总能看到刺激我的好东西