微俱聚平台jQuery时间轴特效更新日志
微俱聚平台的更新日志用上了jQuery 时间轴特效，整体看着还挺顺眼的。时间轴排版清晰，用户浏览起来一目了然，重要信息不会被埋没。如果你做的是后台管理系统、官网更新日志或者产品发展历程展示，这种特效还蛮合适的。
时间轴的核心其实就三个部分：HTML 结构、CSS 样式、jQuery 交互。结构方面，用
标签堆出时间点，塞点标题、时间和就行。样式上，配个竖线，再加点
position: absolute和left、top之类的定位，排布就有了。
想偷懒的朋友可以用开源插件，比如TimelineJS、Togglable Timeline这种，效果比较花哨，滑动、点击展开都有。代码写得挺规范的，你拿过来改一改就能直接上项目。
自定义的话，用$('.timeline-item').on('click')来加交互。切换内容、动画效果可以配.slideToggle()或者.animate()。响应也快，代码也简单，维护起来也方便。
时间轴最实用的地方在于绑定动态数据。比如你写一个ajax求，把更新数据从后端拉回来，一条条插进 DOM 里，这样内容就不用每次手动改。展示更新日志、版本变更都挺方便的。
如果你正好也想给网站整点“发展史”或“更新记录”，这个特效确实还不错。代码不多，样式好看，交互也顺，配合你自己的数据结构再加工下就能上线。
下载地址
用户评论
