flex中的html悬停行为

我有一些弹性结构：

<s:BorderContainer id="addFunctionBarContainer" width="100%" height="50" 
       mouseOver="addFunctionBar_hover(event)">
   <s:Button id="addFunctionBarButton" width="20" height="20"
       click="addFunctionBar_clickHandler(event)" skinClass="skins.AddButtonSkin"/>
</s:BorderContainer>

如何编写函数

addFunctionBar\u悬停

该行为将类似于此html

div:HOVER a, div a:HOVER{/*some style*/}
<div><a></a></div>

div:HOVER a，div a:HOVER{/*some style*/}

说明：当我悬停addFunctionBarContainer时，addFunctionBarButton状态应该悬停

public function addFunctionBar_hover(event):void{
    var skin:ButtonSkin = ButtonSkin(addFunctionBarButton.skin);
    skin.setCurrentState("over");
}

为mouseOut执行以下操作：

public function addFunctionBar_hoverOut(event):void{
    var skin:ButtonSkin = ButtonSkin(addFunctionBarButton.skin);
    skin.setCurrentState("up");
}