html css 水平时间轴,纯css+js水平时间轴

自定义,并自动加载时间节点

当前时间节点居中,突出显示

时间动态无痕添加

效果图:

4d9daf7b1f851fc38ff9d06b11255901.png

初始状态

aeff5829aa7f27a1f0fdc799fab49e9a.png

时间左走到一定2016.1月后

html:

+

-

对应 JS 设置处理:

var left = document.getElementById(datesDiv).offsetLeft + parseInt($("#" + datesDiv).parent().css('background-position-y')) + $("#" + datesDiv).children().width();

var newYear = parseInt($("#dates li:first-child a").attr('year')) - 1;

if (left > 0) {

你可能感兴趣的:(html,css,水平时间轴)