使用HTML，CSS和Javascript绘制时间轴

Question

我想使用html，CSS3和javascript绘制图像中显示的时间轴。我用谷歌搜索，但总是找到时间轴的插件或库。我想把它自己用于特定用途。请参考我的教程或任何有用的东西。感谢

Answer 1

我建议进程：

1. HTML：制作一个这样的列表（你必须在以后动态制作它）：

   < ul id="timeline">
     < li>< span class="time">10:00</span></li>
     < li>< span class="time"></span></li> 
     < li>< span class="time">10:15</span></li>
     < li>< span class="time"></span></li>
     < li>< span class="time">10:30</span></li>
     <!-- ect...-->
   < /ul>
   

2. CSS：对此列表进行样式化，制作所有内联，balack背景等。

3. 使用javascript动态设置列表，填充或不填充span class="time"，移动光标等

插件只不过是这样，你可以自己制作自己的工具。