html中如何添加时间轴

答：

1。在网页中画一个层，选中层，修改/时间轴/添加对象到时间轴。，在第一帧处，放到动画的开始位置，在最后一帧处，将层移动到结束位置，勾选自动播放和循环。这是直线运动

2。在网页中画一个层，选中层，修改/时间轴/录制层路径。拖动层，划出路线。勾选自动播放和循环。

3。选中要添加行为的对象，在设计面板的行为标签下，添加行为。把事件设置为合理的。

请参考

<div id="thin" style="overflow:scrolloverflow-y:hidden">细边框 border-width: thin</div>

<div id="medium" style="width:200px">宽度适中的边框 border-width: medium</div>

<div id="thick" style="overflow:hidden"><nobr>粗边框 border-width: thick</nobr></div>

第一个层实现横向滚动条。

第二个层加个固定宽度，即可

第三个层，两个方法1，使用第一个层里的横向滚动条可以实现，第二个方法见上面第三个层的演示。

-------------------

有疑问可发站内消息

css+html实现时间轴

1.css

body {

font-size: 12px

}

ul li {

list-style: none

}

.track-rcol {

width: 100%

border: 1px solid #eee

}

.track-list {

margin: 20px

padding-left: 5px

position: relative

}

.track-list li {

position: relative

padding: 9px 0 0 25px

line-height: 18px

border-left: 1px solid #d9d9d9

color: #999

}

.track-list li.first {

color: red

padding-top: 0

border-left-color: #fff

}

.track-list li .node-icon {

position: absolute

left: -6px

top: 50%

width: 11px

height: 11px

background: url(img/trank.png) -21px -72px no-repeat

}

.track-list li.first .node-icon {

background-position: 0 -72px

}

.track-list li .time {

margin-right: 20px

position: relative

top: 4px

display: inline-block

vertical-align: middle

}

.track-list li .txt {

position: relative

top: 4px

display: inline-block

vertical-align: middle

}

.track-list li.first .time {

margin-right: 20px

}

.track-list li.first .txt {

max-width: 600px

}

---