jQuery实现腾讯时间轴事件过程特效

jQuery实现腾讯时间轴事件过程特效

作者：163css来源：www.163css.com发表时间：(2011-11-01)

喜欢上腾讯网的朋友对下面这个图一定非常熟悉，因为腾讯经常用这个特效来展示事件的发展过程，我记得在英国王子结婚时它也采用过。

我一直想模仿它做出效果来，但腾讯的数据是动态读取的，我们在前台没办法拿到，今天开心的我在网易的网站上看到类似的代码：

看到这里，大家会不会在想，大公司也是在不断地模仿，像我们这些小人物可以不断地学习大公司的作品，这个代码得感谢网易公司。

不得不舒服这个脚本啊，当你在使用的时候，你会发现时间轴上的点的位置是根据你所写的年月来定位的，时间越长，越靠近右侧，牛吧。。。

下面DIV和时间轴上的时间得一一对应，可以实现多个添加，用户可以放心使用。

以下是我制作的效果截图：

以下我提供源文件，欢迎有需要的朋友下载使用：

预览地址：http://www.163css.net/net163/cssjs/201110/time/index.html