好资源导航 » 文章资讯 » 基于hover的用法实例(推荐)

基于hover的用法实例(推荐)

2024-02-17 12:34:03 57

//hover,鼠标移入移出的另一种用法





左导航特效

*{
margin:0px;
padding:0px;
font-size:12px;
}
#nav.navsBox{
width:160px;
}
#nav.navsBox.firstNav{
height:45px;
line-height:45px;
background-color:#EBEBEB;
border-left:10pxsolid#FE705C;
padding-left:20px;
width:130px;
font-weight:bold;
cursor:pointer;
}
#nav.navsBoxul{
display:none;
list-style:none;
}
#nav.navsBoxulli{
display:block;
height:45px;
line-height:45px;
padding-left:70px;
width:90px;
background-color:#F2F2F2;
background-position:33px7px;
background-repeat:no-repeat;
}
#nav.navsBoxulli.jedh{
background-image:url("./images/huan.gif");
}
#nav.navsBoxulli.jlbbyk{
background-image:url("./images/you.gif");
}
#nav.navsBoxulli.jwljb{
background-image:url("./images/gouwu.gif");
}
#nav.navsBoxulli.mrljb{
background-image:url("./images/meiri.gif");
}
#nav.navsBoxulli.vipjtj{
background-image:url("./images/zhe.gif");
}
#nav.navsBoxulli.onbg{
background-color:#F9DBD1;
}
#nav.navsBoxullia{
color:#000;
text-decoration:none;
}








购物特权

全额兑换俱乐部包邮卡购物领金币每日领金币 VIP阶梯价

以上这篇基于hover的用法实例(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

基于hover的用法实例(推荐)

热门推荐

随机推荐