web前端入门到实战：鼠标滑过横向时间轴效果
发表于：2024-11-25 作者：热门IT资讯网编辑
编辑最后更新 2024年11月25日，鼠标滑过横向时间轴效果---效果图：鼠标滑过横向时间轴效果---全部代码： 1993
鼠标滑过横向时间轴效果---效果图：
鼠标滑过横向时间轴效果---全部代码：
- 1993
1993
内容介绍
- 1999
1999
内容介绍
- 2006
2006
内容介绍
- 2019
2019
内容介绍
web前端开发学习Q-q-u-n： 767-273-102 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频，PDF）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 h2{ background: url('../images/ico11.gif') no-repeat center top; height: 67px; line-height: 67px; font-size:16px;}.time p{ color:#999; font-size:14px;}web前端开发学习Q-q-u-n： 767-273-102 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频，PDF）