HTML поведение при наведении

Question

У меня есть некоторая гибкая структура:

<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_hover

что поведение будет похоже на этот HTML

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

Объясните: при наведении курсора на addFunctionBarContainer должно быть установлено состояние addFunctionBarButton.

Answer 1

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");
}