程序博客网 > 建筑业网络快报

横向滚动菜单按钮

来源：互联网发布：建筑业网络快报编辑：程序博客网时间：2024/06/15 03:42

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>横向滚动菜单按钮 - Glunefish</title>
</head>


<style>
ul{list-style:none;}
ul li a{
display:block;
width:40px;
height:40px;
background:rgb(208,165,37);
margin-top:10px;
text-decoration:none;
line-height:40px;
position:relative;
}
ul li a span{
width:0;
height:40px;
display:block;
visibility:hidden;
overflow:hidden;
font-weight:bold;
position:absolute;
left:40px;
transition:all 0.3s;
}
ul li .a1 span{background:rgb(30,139,180);}
ul li .a2 span{background:rgb(125,163,23);}
ul li .a3 span{background:rgb(175,30,131);}
ul li a:hover span{visibility:visible; width:auto; padding:0 20px;}

</style>
<body>
<ul>
<li><a href="" class="a1"><span>Home</span></a></li>
<li><a href="" class="a2"><span>Chat</span></a></li>
<li><a href="" class="a3"><span>About</span></a></li>
</ul>
</body>
</html>

0 0

建筑业网络快报

建筑业网络快报

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子长期痛经严重怎么办经常性痛经该怎么办经期特别难受怎么办经期心里难受怎么办痛经量少怎么办突然痛经怎么办背单肩包高低肩怎么办肩膀酸痛睡不着怎么办老人肩膀疼怎么办双肩酸痛怎么办两肩膀酸痛怎么办肩高低不一样怎么办发烧肩膀疼怎么办市场不景气怎么办精神面貌不好怎么办魔兽世界伤害低怎么办草莓叶尖发黄怎么办草莓叶子发黄怎么办草莓死苗怎么办金毛整只脚肿了怎么办下粉桶打不起火怎么办大功率功放机怎么办 dnf初始化失败怎么办魔兽解锁器怎么办 cad加密炸不开怎么办卫生巾过敏怎么办啊汽车进口许可证怎么办黑龙江g签怎么办消毒检验证书怎么办? cnc撞机了怎么办高温密封怎么办携程上退票失败怎么办退票申请失败怎么办孩子收到情书怎么办冰箱泠藏室结冰怎么办搬家菜刀怎么办楼顶藏水怎么办楼顶藏水排不完水怎么办上海低保退休怎么办有高工证怎么办事业单位停薪留职社保怎么办