我想做的效果是,鼠标经过 样式从左边变成右边。
房子和字体的变化实现了,但是那个白色框没实现。以下是代码 求教 (ˇˍˇ)~
<div class="top_nav_contain">
<ul>
<li><div id="nav_bgimage"><div class="nav_home"><a href="#">首页</a></div></div></li>
.top_nav_contain #nav_bgimage a{width:84px; height:44px; line-height:44px; display:block; background:none;}
.top_nav_contain #nav_bgimage a:hover{background:url(../images/nav_bgimage.png) no-repeat 5px 10px;}
/***************nav_bgimage.png 这个就是那个白色框*****************/
.top_nav_contain #nav_bgimage .nav_home a{ width:84px; padding-left:20px; background:url(../images/homeicon_1.png) no-repeat 10px 10px; }
/*********************homeicon_1这个是小房子图标*********************************/
.top_nav_contain #nav_bgimage .nav_home a:hover{background:url(../images/homeicon_2.png) no-repeat 10px 10px;}