首页 | 8539 | 718 | 359 | 添加收藏 上一个 下一个
jquery时间轴 (2)

BUG1:如果1开始鼠标往上滚,会出现圆圈内年份乱跳,并且会导致时间轴会出现空白的情况。


解决方法,删除html文件里面的第一个li标签。<li style="margin-top:-110px;"></li>整个删掉即可


BUG2:圆圈内年份是因为件是通过CSS控制的图片取的数字,CSS里面有初始化数值,但是JS里面没有初始化数据,所以导致了圆圈内的时间无论怎么设置,开始都是2013年。在history.js中添加1个初始化函数就OK了。


在第60行左右,$(function(){})里面加个初始化函数初始化下即可。代码如下


$(function(){


//数据初始化


init();
function init(){
c=$(".list li").eq(0).find(".year").html(); //eq(0)获取第一行的时间 进行初始化赋值
$(".timeblock").attr("thisyear",c);
var a=c.split(""),b=["numf","nums","numt","numfo"];
for(i=0;4>i;i++){
$("."+b[i]+"").stop(!0,!1).animate({backgroundPosition:"0px "+-24*a[i]},{duration:200})
}
}

给第一行添加选中事件


  $(".list li").removeClass("thiscur");
$(".list li").eq(0).addClass("thiscur")
$(".list li").eq(0).focus();