插件描述:jquery网站发展历史时间轴是一款可以用右侧的上下箭头切换上下查看,也可以用鼠标滚轮进行上下切换、切换的过程中有类似flash的切换效果。
==============以下代码由兔子爷爷提供=============
BUG1:如果1开始鼠标往上滚,会出现圆圈内年份乱跳,并且会导致时间轴会出现空白的情况。
解决方法,删除html文件里面的第一个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();