我要投稿
投诉建议
首页
Web前端
后端技术
数据应用
编程语言
其他语言
技术落地
科技领域
SEO
科技迭代
当前位置:
首页
>
Web前端
>
HTML
写一个简单的时间轴
时间:2023-04-02 23:10:03
HTML
使用相对路径和动态左边大小显示不同时间对应的图片
{list.map((v,index)=>(
{v.date}
{v.text}
))}
{""}
{日期列表。map((v,index)=>(
{v}))}
ulli{list-style:none;}.timeLine{height:300px;}.cList{width:100%;位置:相对;}.cUl{宽度:100%;高度:190px;保证金:0自动;位置:相对;左:0px;}.cUlli{宽度:100%;位置:绝对;填充:8px0;}.container-li{显示:flex;对齐项目:中心;}.yearList{宽度:100%;列表样式:无;位置:相对;z-指数:5;margin-bottom:0;}.yearListul{height:30px;}.yearListli{float:left;高度:100%;游标:指针;文本对齐:居中;字体大小:14px;行高:30px;宽度:30%;}.year-active{背景:#6478a4;白颜色;}
上一篇:
【你必须知道的JavaScript库】-解决95%问题的工具插件-库-1
下一篇:
表单密码自动填充hack
写一个简单的时间轴相关文章
Flyme的贴心功能,助你度过一个无忧无虑的暑假
简单好携带的VR头盔来了,随时随地都可以玩
开始使用小米兔定位手机吧!麻雀虽小,装备精良,但它更像是一个
谷歌等巨头已经开始布局智能硬件的下一个“大钱”风口:智能服装
普通消费者眼中的智能手表!功能简单
物联网卡之家! “智能鱼池”的出现,让你承包这个鱼池,只需简
谷歌会推出一款一体式 VR 耳机吗?没那么简单
语音控制!企业计算的下一个重大突破
谷歌在操作系统上的另一个布局,专访Wear OS产品负责人
瓦伦塞尔创始人!耳朵已成为下一个可穿戴战场
谷歌在CES 2019上的10大亮点,每一个都与谷歌语音助手
脚踝革命即将到来,脚会成为可穿戴设备的下一个战场吗?
虚拟现实面临技术挑战, VR会是一个大陷阱吗?
AI企业的下一个使命!让生物识别数据的使用变得透明
VR是一个颠覆时代的产品, VR的价值是什么?
联想乐梦一视VR智能眼镜体验评测 进入另一个世界
华为平板M5 Pro携手苏宁送礼,下一个“小画家”就是你!
使用 Apple Watch 一个月后,我喜欢 Apple
解密“史前”可穿戴设备!简单便携
诺基亚OZO虚拟现实设备全解析!只是一个球吗?
最新推荐
1
除螨虫有用吗?那么它只是一个吸尘器吗?
2
蓝牙耳机和音箱无缝切换,不错过任何一个节拍
3
软银投资后,Ludos会改写区块链游戏生态吗?
4
AI写诗靠谱吗?微软小冰出版新诗集,让人一头雾水
5
大家都在追捧的VR是不是一个诱人的骗局?
6
钛技术!境内外双管齐下,出海会是下一个强劲增长点吗?
7
小米手环开箱图!简单又实用(多图)
8
微珠让您度过一个顺畅的夏天,飞利浦7000系列电动剃须刀专为
9
澳大利亚极客的谷歌眼镜山寨品!买不到就自己做一个
10
虚拟现实的三大阵营你最喜欢哪一个?
猜你喜欢
1
五款智能手表简单对比!谁更好?
2
简单谈谈真正的双频路由,小米尝到了,华为做到了
3
一个冒险的选择!哪种人工智能商业模式更适合?
4
这家初创公司使用人工智能来撰写文章摘要,连美国情报局都在用它
5
可穿戴设备的下一个大类别!耳戴式设备
6
OPPO陈明永!五年内可穿戴设备仍将是一个虚拟概念
7
CODING获腾讯云1亿元B+轮融资,推出Cloud Stu
8
小米米兔儿童电话手表评测 给宝宝一个贴心的保镖
9
产品卖进阿联酋 一个红船旁升起的“智能服饰之梦”
10
【对比亮点】关注Moto360!华为Watch虽然简单,但其
11
说到可穿戴智能手环,简单就是王道
12
VR技术会是下一个十亿级市场吗?
13
智能语音设备因其简单直接的交互逻辑,或将更受老年人欢迎
14
配备一个手环比头戴式设备有“提神”功能还好
15
与科大讯飞胡雨深度对话!如何制作一个可以处理33种语言的翻译
16
专利或将成为可穿戴市场下一个“杀手锏”!
17
超过 10 个 IBEACON 模型的评论,哪一个是你的最爱
18
耳朵会成为下一个新的可穿戴战场吗?
19
视频广告的下一个发展!以AI场景赢得竞争
20
全球智能机产业版图!这4类初创公司将在未来构建一个新世界