纯 CSS 实现的 时间线,也支持使用 JavaScript
Time-line
纯 CSS 实现的 时间线,也支持使用 JavaScript 生成。
DEMO | 演示
你只需要根据 timeLine.html
代码结构进行简单的修改即可实现
你需要将 timeLine.html 103 行
取消注释,然后根据 timeLine.js 注释修改
data变量
数据格式如下:
[
{
"title":"现在网",
"link":"https://nowtime.cc",
"time":"1578718860"
},
{
"title":"ffmpeg 使用方法合集",
"link":"https://nowtime.cc/software/834.html",
"time":"1578725484"
}
]
字段解释:
title
时间线显示的内容
link
点击后跳转的链接
鸣谢
time
该内容发布的时间,注意是 秒级时间戳 !
LICENSE部分 CSS 样式参考的是 https://www.ihewro.com/archives.html
MIT LICENSE
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。