The application you linked has view source available. The effect in this example is achieved by using a custom style. Two custom styles actually. The first style is for the overall button bar. You can call it anything you like. You call the style inline with styleName="myCustomStyle" which you declare in a css file. In 'myCustomStyle' you then add the property buttonStyleName: "mySecondCustomStyle". You can then reference your own actionscript classes for drawing on the buttons with properties 'selectedOverSkin', 'selectedUpSkin', and 'overSkin'.
I recommend checking the source for more specifics on how they drew the effects for these buttons. It primarily revolves around drawing a different rectangle graphic depending on which property was passed in 'selectedOverSkin', 'selectedUpSkin', or 'overSkin'. --- In flexcoders@yahoogroups.com, "tex_learning_flex" <tex.learning.f...@...> wrote: > > Can anyone point me to an explanation of how to achieve the effect of > buttons appearing onMouseOver as in the "Flex Store > <http://examples.adobe.com/flex2/inproduct/sdk/flexstore/flexstore.html> > " app ( > http://examples.adobe.com/flex2/inproduct/sdk/flexstore/flexstore.html > <http://examples.adobe.com/flex2/inproduct/sdk/flexstore/flexstore.html> > - Products page) > > many, many thanks in advance, > > Tex >
