jquery时间轴

所属分类:输入-日期和时间

 75136  711  查看评论 (16)
分享到微信朋友圈
X
jquery时间轴 ie兼容6

==============以下代码由兔子爷爷提供=============

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();
相关插件-日期和时间

html+css+js 动态时钟

就是用纯html+js+css写的一个动态时钟
  日期和时间
 48555  400

jQuery公历农历插件xp

可选择公历或农历来填写输入框,界面有些简陋但功能是没有问题的。
  日期和时间
 26027  291

时间日期插件

jQuery可选择日期范围的日期选择器插件
  日期和时间
 75576  397

移动端万年历类型(滑动效果)

基于swiper的万年历模板,简单,移动端日历
  日期和时间
 60047  548

讨论这个项目(16)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    华夏中圣 0
    2017/9/15 10:02:36

    <script src="http://www.jq22.com/js/jq.js"></script>这句js报错怎么解决?

        西瓜0
        2017/9/15 10:26:26

        这句删除就可以了。

    回复
    38.6°℃ 0
    2017/8/14 16:02:39

    关于一开始往上翻会出现空白的bug ,我这里给出的解决方案是:删掉第一个 li 里面的  style="margin-top:-110px;" 这样就不会再出现往上翻有空白的现象了

    回复
    ヤ;搁[浅灬メ 0
    2017/5/22 16:48:29
    有个bug,在初始的时候 ,往下滚动的时候 ,当全部滚动下午,出现空白 回复
    ヤ;搁[浅灬メ 0
    2017/5/22 16:37:21

    可以实现动态添加的吧?!

    回复
    NaVice 0
    2017/1/4 15:01:26

    不能向下滚动怎么办

    回复
    NaVice 0
    2017/1/4 15:01:57
    不能向下滚动怎么办 回复
    怎样怎样 0
    2015/8/13 18:08:45

    代码中,这一句是什么意思呢?

    e.fx.step.backgroundPosition=function(a){

        Sunny1
        2016/3/4 16:03:40
        实例化backgroundPosition属性值
    回复
    怎样怎样 0
    2015/8/13 17:08:31

    如何将此时间轴做成动态可操作并且按添加时间无刷新排列?还有,如何在中间的时间轴上标识今天,像温度计那样的效果?

    回复
    兔子爷爷 0
    2015/5/14 1:46:20
    这个BUG把
  • 这个li标签全删了就OK了@魔界小鸟 回复
    Position。 0
    2015/4/10 13:58:09
    请教 这个demo 网站成长史右侧的初始年份值怎么改变? 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复