http://ent.qq.com/a/20101123/000321.htm这个网站上的测试时间轴,是怎么实现的。容易实现吗?我通过火狐浏览器和360浏览器下载的网站文件都没有效果,求高手赐教是如何实现的。最好能有个demo.供小弟学习如何实现。谢谢各位了。

解决方案 »

  1.   


    用火狐能看到效果的~·就是用li标签,然后放上背景图,给li定义一个鼠标经过事件,
    经过显示对应的div就行了~·
      

  2.   

    让N个li从右到左移动,当然了越是靠左那么速度就要快些,知道没个li的距离到达一定程度的时候就停止,如果增加了li那么就根据个数平均分配距离
      

  3.   


    首先   将你的所有 的  时间段事件放到一个 数组中如:  var things=[{time:2011-2-9,image:'1.jpg',thing:'aa'},{time:2011-2-9,image:'1.jpg',thing:'aa'}];上面就描述了 2件事情,   然后 通过循环 来 显示 ul 中的li 就行了    答题思路就这样  ..     
      

  4.   

    我用FF5.0,貌似不兼容,chrome倒是可以看到,原理应该就是1L说的那样把,感觉实现起来应该不困难
      

  5.   

    楼主现在解决问题了吗,我也需要类似的demo~请教各位