php jquery 时间轴,jquery时间轴

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

php jquery 时间轴,jquery时间轴相关推荐

html发展时间轴纵向插件,jquery响应式垂直时间轴插件vertical-timeline
插件描述:jquery-vertical-timeline是一款简单实用的jQuery响应式垂直时间轴插件. jquery-vertical-timeline 是一款简单实用的jQuery响应式垂直时 ...
R语言ggplot2可视化：可视化所有日期不同时段任务的持续时间、将持续时间绘制成一条线（起始时间到结束时间），y轴表示活动发生的日期，x轴表示以小时为单位的时间
R语言ggplot2可视化:可视化所有日期不同时段任务的持续时间.将持续时间绘制成一条线(起始时间到结束时间),y轴表示活动发生的日期,x轴表示以小时为单位的时间(duration of an act ...
R语言ggplot2可视化：可视化所有日期不同时段任务的持续时间、将持续时间绘制成一条线（起始时间到结束时间），y轴表示活动发生的日期，x轴表示以小时为单位的时间、适应时间段跨越多天的情况
R语言ggplot2可视化:可视化所有日期不同时段任务的持续时间.将持续时间绘制成一条线(起始时间到结束时间),y轴表示活动发生的日期,x轴表示以小时为单位的时间.适应时间段跨越多天的情况(例如,当天 ...
利用QT实现X轴为时间动态显示曲线
/**********************************************************************************Author: zyh*Versi ...
jcDate时间选取jQuery插件
jcDate时间选取jQuery插件 jquery插件库源于:http://www.huiyi8.com/sc/6294.html 转载于:https://www.cnblogs.com/lhrs/ ...
Highcharts x轴为时间时，设置plotBands
当使用Highcharts 时,若x轴为时间,同时需要设置plotBands情节带. 假设有这样的数据,x轴为日期,data是数据,当Mark标记为1的时候设置plotBands.当设置x轴数据时,将 ...
python用matplotlib作图时，x轴为时间轴，如何让x轴每隔几个点显示一次？
用matplotlib作图时,x轴为时间轴,一共有365个点,如果让所有这些点都显示出来,x轴将变得拥挤不堪. 如何让x轴每隔比如20个点显示一次? 见如下代码:(如下代码使用了一份文件是已知的一年内 ...
python用matplotlib画球_Python 用matplotlib画以时间日期为x轴的图像
1.效果展示主要效果就是,x轴显示时间单位. 下图展示的就是想要到达的效果. 其实主要是运用了datetime.date这个类型的变量作为x轴坐标的数据输入. 2. 源码将data.txt中的数 ...
QChart绘制占比图，但是以时间轴为X轴
需求:需要绘制比例图,而且是随着时间不停地增加,比例直方图会越来越多,x轴的字符串也越来越多,但随着变多,x轴会被省略掉,所以我需要能够动态增删X轴的直方图,既不丢失数据又不增多X轴的字符串: 问题: ...
android自定义view，时间刻度尺，时间轴，视频轴
TimeRuler 最新版见github地址(欢迎star):https://github.com/huangdali/TimeRuler 时间轴.时间刻度尺继承至TextureView,效率更高 ...

php jquery 时间轴,jquery时间轴

php jquery 时间轴,jquery时间轴相关推荐

最新文章

热门文章