flex 如何使用css设置特效

html-css019

flex 如何使用css设置特效,第1张

如Alert弹出窗口的旋转特效

css中

@namespace

s

"library://ns.adobe.com/flex/spark"

@namespace

mx

"library://ns.adobe.com/flex/mx"

mx|Alert

{

fontFamily:

VerdanaEmbedded

creationCompleteEffect:

myEffect

}

mxml中

<fx:Style

source="css/style.css"

/>

<fx:Declarations>

<mx:Sequence

id="myEffect">

<mx:Parallel>

<mx:Zoom

/>

<mx:Fade

/>

</mx:Parallel>

<mx:Rotate

/>

</mx:Sequence>

</fx:Declarations>

这样弹出窗口时就有了旋转特效

如果只是改样式的话有以下几种

直接改写默认控件样式

mx|button{

……

}

对指定控件增加样式,#后为控件ID

mx|Button#check{

……

}

或直接指定ID

#haloButton

{

base-color:#0000ff

}

通过状态定义样式

s|Button:down

{

color:#33CC33

}

增加控件样式,用styleName+"样式名"的方式应用于控件

.myButton{

……

}

增加子样式

mx|TabNavigator{

firstTabStyleName:

"MyFirstTab"

}

.MyTabs

{

……

}

就是隐藏

display:none

当前显示的设置为display:block

一般使用脚本实现

比如你要隐藏的元素为<div id="info1"></div>

要显示的元素为<div id="info2"></div>

假设使用jquery控制

代码为以下两句:

$("#info1").hide()

$("#info2").show()

特殊字体一般不是说不能添加,而是考虑到用户电脑上预装的字体有限,所以局限在宋体和微软雅黑两种字体,css属性中有个font属性,例如{font-family:"迷你简菱心"},在装过这个字体的的电脑会有效果,但是再没有装过的电脑可能就是其它字体了,一般会解析为宋体,问题解决一般由两种解决方案。

第一:css3下载字体,代码如下

@font-face

{

font-family:

'自己命名字体名字'

src:

url('字体路径')

src:

url('FileName.eot?#iefix')

format('embedded-opentype'),

/*其它格式*/

url('FileName.woff')

format('woff'),

url('FileName.ttf')

format('truetype'),

url('FileName.svg#FontName')

format('svg')

font-style:

normal

font-weight:

normal

/*设置默认样式*/

}

.aa{font-family:"自己命名字体名字"}

不兼容ie8及以下浏览器

第二:切png图片