Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
需要一些javascript/jquery水平时间线条示例吗_Javascript_Jquery_Html_Css - Fatal编程技术网

需要一些javascript/jquery水平时间线条示例吗

需要一些javascript/jquery水平时间线条示例吗,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图建立一个水平的时间线,如下所示: 页面加载时不会显示带有图片上线条的事件详细信息图标。在每次事件里程碑单击时,将出现带有细线和图标的平滑动画,该图标位于圆圈内,并显示事件的详细信息。将从服务器获取数据,数据格式为hh:mm。所有事件将具有不同的图标,并且将有一个初始值。 我看到了一些类似的演示,但它们的选项和自定义如下: 基于GWT可视化时间线的一个非常好的JS库是Chap链接库 它非常灵活,您可以选择创建自己的布局,并在每个单独的事件中使用自己的CSS/HTML 检查它一个基于GWT可

我试图建立一个水平的时间线,如下所示:

页面加载时不会显示带有图片上线条的事件详细信息图标。在每次事件里程碑单击时,将出现带有细线和图标的平滑动画,该图标位于圆圈内,并显示事件的详细信息。将从服务器获取数据,数据格式为hh:mm。所有事件将具有不同的图标,并且将有一个初始值。 我看到了一些类似的演示,但它们的选项和自定义如下:


基于GWT可视化时间线的一个非常好的JS库是Chap链接库

它非常灵活,您可以选择创建自己的布局,并在每个单独的事件中使用自己的CSS/HTML


检查它

一个基于GWT可视化时间线的非常好的JS库是Chap链接库

它非常灵活,您可以选择创建自己的布局,并在每个单独的事件中使用自己的CSS/HTML


这是我最喜欢的垂直时间线示例之一,因为它简单易用


这是我最喜欢的垂直时间线示例之一,因为它简单易用


OP想要一个水平的时间线啊哈,这是一个糟糕的东西;但从逻辑上讲,时间线在垂直方向上看起来要好得多,因为我们有太多的实例来证明,所以OP想要一条水平的时间线啊,这太糟糕了;但从逻辑上讲,时间轴在纵向上看起来要好得多,因为我们有太多的实例来证明soThanks。它似乎有我需要的所有选项。好的建议,更新的url:谢谢。它似乎有我需要的所有选项。好的建议,更新的url: