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();
文章标题：css特效样式,css样式效果
转载来源：http://pwwzsj.com/article/hodpdj.html
