素材网 素材网

jquery时间刻录表历程记录功能

下载资源()次

阅读次数()次

发布时间:2014-03-09

jquery时间刻录表历程记录功能
分享到:

用法简介:

来源:xw素材网

jquery时间刻录表历程记录功能。
文件引用:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript">
function loadPage(event){
 var title = event.name;
 var img_src = "images/" +event.id+".jpg";
 $('img','#timeline-content').attr('src' , img_src).show();
 $('#event_title_123').html(title);
 var d = event.on
 $('#date_123').html(d.getDate()+"-"+ (d.getMonth() + 1) +"-"+d.getFullYear() + " : ");
}
  var ev = [{
   id : 1,
   name : "Nintendo releases 3 DS.",
   on : new Date(2011,2,27)
  },{
   id : 2,
   name : "Joined Facebook",
   on : new Date(2011,2,17)
  },{
   id : 3,
   name : "Joined Twitter",
   on : new Date(2011,5,30)
  },{
   id : 4,
   name : "Pirates of Black Cove released",
   on : new Date(2011,7,5)
  },{
   id : 6,
   name : "Sony releases the PS Vita.",
   on : new Date(2012,1,27)
  },{
   id : 7,
   name : "Nintendo releases the Wii U.",
   on : new Date(2012,8,18)
  },{
   id : 8,
   name : "Max Payne 3: Painful Memories Map Pack",
   on : new Date(2012,11,3)
  },{
   id : 10,
   name : "Battlefield 3: Aftermath",
   on : new Date(2012,11,4)
  },{
   id : 11,
   name : "Guardians of Middle-earth",
   on : new Date(2012,11,5)
  },{
   id : 9,
   name : "Sony can release PS 4",
   on : new Date(2013,6,10)
  }]
  $('#longTimeLine').jqtimeline({
   events : ev,
   numYears:3,
   startYear:2011,
   click:function(e,event){
    loadPage(event);
   }
  });
</script>

   

相关标签:

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。