我需要哪些网络技术才能在我的网页上制作一个非常基本的时间表?

时间:2013-10-14 17:44:39

标签: javascript html html5 canvas web-technologies

我想制作一个只有很长的水平线的网页,其中有一条小的垂直线从它连接到图片(几乎像一个时间轴)。您应该可以放大此行以更详细地查看不同的部分。我应该研究哪些网络技术才能做到这一点?

html canvas元素与javascript绘制在它上面? 场景图(我听过这个名字,但不知道其他的东西)

当我谷歌“制作时间轴网页如何”或类似的东西时,我会得到像timeline.js或其他软件这样的东西来帮助你制作他们的时间轴版本并嵌入它。那不是我想要的。我想编写我自己的非常简单的代码,如上所述。

2 个答案:

答案 0 :(得分:1)

HTML5,特别是:

  1. 用于动态加载的AJAX,用于向上/向下滚动和加载缩放 视图
  2. jQuery&用于图形的CSS - 您所描述的所有内容都可以实现 它,帆布将是矫枉过正的imho
  3. 你有一些模型/线框吗?如果我们能够看到你的意思,那将会容易得多。也许是一个功能性计划?

    考虑后端技术是否可用于提供您不应忘记的所有数据!在那个领域,这完全取决于你。像PHP,ASP.NET,Ruby等所有后端都可以实现这一点。一个比另一个在不同领域更好。

答案 1 :(得分:0)

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

如上所述,画布在该任务中会过度。

使用HTML / CSS定义标记和内容,然后使用Javascript添加行为/事件。例如,你可以有一个为了简单起见而代表你出生的div,然后使用JS,你可以用你的鼠标轻松地点击onFocus事件,并用javascript轻松动画/弹出/缩放/你想要什么,甚至用AJAX加载一些信息或琐事dinamicaly。