ul横向排列css_web前端入门到实战：鼠标滑过横向时间轴效果

鼠标滑过横向时间轴效果---效果图：

鼠标滑过横向时间轴效果---全部代码：

1993

1993

内容介绍

1999

1999

内容介绍

2006

2006

内容介绍

2019

2019

内容介绍

jQuery鼠标滑过横向时间轴效果---css部分：

*{margin:0;padding:0;}ul{ list-style: none;}.container{ height: 162px; background: url('../images/ico9.gif') repeat-x center;}.container li{ float:left; background: url('../images/ico10.gif') no-repeat center top; width:140px; text-align: center; margin-top: 65px; position: relative; padding-top:30px; font-size:12px;}.time{ position: absolute; width:100%; left:0; top:-20px; display: none;}.time h1{ background: url('../images/ico11.gif') no-repeat center top; height: 67px; line-height: 67px; font-size:16px;}.time p{ color:#999; font-size:14px;}

点击【右上角，关注 子瑜说IT 】持续更新IT资讯以及web前端开发教学

8年开发老码农福利赠送：网页制作，网站开发，web前端开发，从最零基础开始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移动端小程序项目实战【视频＋工具＋系统路线图】都有整理，送给每一位对编程感兴趣的小伙伴

获取方式：

右上角有私信，请私信发我：01 即可获取！