jQuery鼠标滑过横向时间轴效果

最新推荐文章于 2022-12-09 16:01:59 发布

终身成长型

最新推荐文章于 2022-12-09 16:01:59 发布

阅读量289

点赞数

分类专栏：前端开发文章标签： jquery

本文链接：https://blog.csdn.net/weixin_45675581/article/details/102025498

版权

该博客展示了如何使用jQuery创建一个鼠标滑过时显示详细信息的横向时间轴效果，包括代码示例和CSS部分。同时提供了每日分享的视频链接以供深入学习。

摘要由CSDN通过智能技术生成

jQuery鼠标滑过横向时间轴效果—效果图：
在这里插入图片描述
jQuery鼠标滑过横向时间轴效果—全部代码：

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>

<div class='container'>

	<ul>
		<li>
			1993
			<div class='time'>
				<h1>1993</h1>
				<p>内容介绍</p>
			</div>
		</li>

		<li>
			1999
			<div class='time'>
				<h1>1999</h1>
				<p>内容介绍</p>
			</div>
		</li>

		<li>
			2006
			<div class='time'>
				<h1>2006</h1>
				<p>内容介绍</p>
			</div>
		</li>	

		<li>
			2019
			<div class='time'>
				<h1>2019</h1