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
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)