正文
css特效样式,css样式效果
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
这种css特效是怎么做的？
style
.div1{
width:265px;
height:445px;
border:1px solid black;
background:url("
) no-repeat left top;
}
.div2{
display:none;
width:265px;
height:50px;
background:rgba(123,56,29,0.5);
}
.div1:hover .div2{
display:block;
}
/style
body
div class="div1"
div class="div2"
RMB：95元br
已售：0件
/div
/div
/body
方法以列，具体样式自己搞定；
flex 如何使用css设置特效
如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 {
……
}
css样式 特效
就是隐藏
display:none
当前显示的设置为display:block
一般使用脚本实现
比如你要隐藏的元素为div id="info1"/div
要显示的元素为div id="info2"/div
假设使用jquery控制
代码为以下两句：
$("#info1").hide();
$("#info2").show();
