javascript - 我需要哪些网络技术来在我的网页上制作一个非常基本的时间线？

Question

我想制作一个只有一条长水平线的网页，其中有一条小的垂直线连接到图片（几乎就像一个时间线）。您应该能够放大这条线以更详细地查看不同的部分。我应该研究哪些网络技术来做到这一点？

html画布元素上面有javascript绘图？场景图（我听说过名字但不太了解）

当我在谷歌上搜索“如何制作时间线网页”或类似内容时，我会得到诸如时间线.js 或其他软件之类的东西，它们可以帮助您制作时间线版本并将其嵌入。那不是我想要的。我想编写我自己的非常简单的代码，如上所述。

Answer 1

HTML5，特别是：

1. 用于向上/向下滚动和加载缩放视图的动态加载 AJAX
2. 用于图形的 jQuery 和 CSS - 你所描述的一切都可以用它来实现，canvas 将是矫枉过正的恕我直言

你有一些模型/线框吗？如果我们能明白你的意思，那就容易多了。也许还有一个功能计划？

需要考虑的是后端技术负责提供您不应忘记的所有这些数据！在那个领域，这完全取决于你。PHP、ASP.NET、Ruby 等所有后端都可以实现这一点。一个比另一个在不同领域更好。

Answer 2

上面提到的所有问题都在您的问题下方的标签云中。表示层的 HTML/CSS 和行为的 Javascript/JS lib 和/或 javascript/canvas。

如上所述，画布在该任务中将是矫枉过正。

使用 HTML/CSS 定义您的标记和内容，然后使用 Javascript 添加行为/事件。例如，为了简单起见，您可以有一个 div 代表您的出生，然后使用 JS，您可以在使用鼠标输入 div 时轻松触发 onFocus 事件，并使用 javascript 轻松设置动画/弹出/缩放/what_you want，甚至使用 AJAX 加载一些信息或琐事。