php jquery 时间轴,jquery时间轴

709d32561c4a64284079ba03c4402fe2.png

3efc3516b7ecb765a1f067c294640f12.png

插件描述: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();

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值