如何在Silverlight中使用2个图像执行简单的悬停按钮

最好不使用后端代码？我正在寻找最干净的解决方案做一个淡入淡出悬停按钮使用2个图像。这是我到目前为止所拥有的

编辑：

我让这个部分工作。。现在的问题是，鼠标外翻看起来很突然，而鼠标外翻看起来很好，我做错了什么

<VisualStateGroup x:Name="CommonStates">
    <VisualState x:Name="Normal" />
    <VisualState x:Name="MouseOver">
        <Storyboard>
            <DoubleAnimation BeginTime="0:0:0" Duration="0:0:1" To="1" 
                                Storyboard.TargetProperty="(UIElement.Opacity)" 
                                Storyboard.TargetName="mouseOverImage" d:IsOptimized="True"/>
            </Storyboard>
    </VisualState>
    <VisualState x:Name="MouseOut">
        <Storyboard>
            <DoubleAnimation BeginTime="0:0:0" Duration="0:0:1" To="0" 
                                Storyboard.TargetProperty="(UIElement.Opacity)" 
                                Storyboard.TargetName="mouseOverImage" d:IsOptimized="True"/>                                         
        </Storyboard>
    </VisualState>
    <VisualState x:Name="Pressed"/>
    <VisualState x:Name="Disabled"/>
</VisualStateGroup>
<VisualStateGroup x:Name="FocusStates">
    <VisualState x:Name="Focused"/>
    <VisualState x:Name="Unfocused"/>
</VisualStateGroup>

---

发现没有名为mouseout的默认视觉状态。正常状态将作为mouseout或mouseleave工作

                                    <Storyboard>
                                        <DoubleAnimation BeginTime="0:0:0" Duration="0:0:0.5" From="0" To="1" 
                                                            Storyboard.TargetProperty="(UIElement.Opacity)" 
                                                            Storyboard.TargetName="mouseOverImage" />                               
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="Normal">
                                    <Storyboard>
                                        <DoubleAnimation BeginTime="0:0:0" Duration="0:0:0.5" From="1" To="0" 
                                                            Storyboard.TargetProperty="(UIElement.Opacity)" 
                                                            Storyboard.TargetName="mouseOverImage" />
                                     </Storyboard>

---

发现没有名为mouseout的默认视觉状态。正常状态将作为mouseout或mouseleave工作

                                    <Storyboard>
                                        <DoubleAnimation BeginTime="0:0:0" Duration="0:0:0.5" From="0" To="1" 
                                                            Storyboard.TargetProperty="(UIElement.Opacity)" 
                                                            Storyboard.TargetName="mouseOverImage" />                               
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="Normal">
                                    <Storyboard>
                                        <DoubleAnimation BeginTime="0:0:0" Duration="0:0:0.5" From="1" To="0" 
                                                            Storyboard.TargetProperty="(UIElement.Opacity)" 
                                                            Storyboard.TargetName="mouseOverImage" />
                                     </Storyboard>