项目背景
朝代演变和历史人物如果用图文并茂的时间轴贯穿起来,对于学习和掌握古文化常识,有很大的帮助。于是查找了所有流行的时间轴js插件,最后选定jquery.timeline.js最适合实现。
制作步骤
1,下载jquery.timeline.js插件。
2,下载并修改Demo。
3,设置刻度为century(世纪),时间范围0到2000年。插件不知道为什么无法公元前,完成朝代有点困难。下一步准备好好看看代码,改造一下。
4,设置时间轴数目。因为朝代延续过程中,会多个政权并存,因此设置了7个朝代时间轴。和9个人物时间轴。
5,录入朝代政权数据和历史人物生卒年数据。
6,部署服务器。
浏览网址:cloud.salesmini.cn/timeline
手机版浏览效果
閱讀更多 描繪明天 的文章