html中如何添加时间轴

html中如何添加时间轴,第1张

答:

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

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

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

请参考

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

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6153972.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存