主要给大家介绍了利用jquery实现去掉时光轴头尾部线条的方法，文中给出了详细的实例代码供大家参考学习，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。

前言 以前做类似时光轴的结构，几乎都是一条灰色线飞流直下，没有尽头。今天这个线条是从第一个圆点到最后一个圆点，那么问题来了，内容的高度还不是固定的，线条的长度怎么确定？怎么就能刚刚好从第一个点到最后一个点首尾相连呢？这就是下面所要做的。 先看效果，如下图： 思路： 　　1、写一个div包住整个内容，就能知道所有列表的总高度； 　　2、写一条细线定位到右边，对，高度100%，内容多高，细线就多高； 　　3、开始的小点距离顶部多高，细线就距离顶部多高； 　　4、使用js设置细线的高度 = 总高度