jQuery产品发布更新时间轴特效代码下载



5 17 6



特效描述:产品发布 更新时间轴,jQuery产品发布更新时间轴特效代码下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/fishBone2.css">

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/html2canvas.js"></script>
<script type="text/javascript" src="js/fishBone2.js"></script>

3. HTML代码

  <div class="wrapper">
    <div class="fish-bone"></div>
  </div>
  <script>
    var option = {
      data:[
      {
        label:'John Resig提议改进Prototype的“Behaviour”库',
        date:'2005年8月'
    },
      {
        label:'John Resig等人创建了jQuery',
        date:'2006年1月'
    },
      {
        label:'jQuery 1.1.3版发布,这次小版本的变化包含了对jQuery选择符引擎执行速度的显著提升',
        date:'2007年7月'
    },
      {
        label:'jQuery 1.2.6版发布,这版主要是将Brandon Aaron开发的流行的Dimensions插件的功能移植到了核心库',
        date:'2008年5月'
    },
      {
        label:'jQuery 1.3版发布,它使用了全新的选择符引擎Sizzle',
        date:'2009年1月'
    },
      {
        label:'也是jQuery的四周年生日,jQuery 1.4版发布',
        date:'2010年1月'
    },
      {
        label:'jQuery 1.4.2版发布,它新增了有关事件委托的两个方法',
        date:'2010年2月'
    },
      {
        label:'jQuery 1.5版发布',
        date:'2011年1月'
    },
      ],
      color:"chocolate",
      dowload:true,
    }
    fishBone.init(".fish-bone",option)
  </script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';color:#ffffff">
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 时间轴 日历选择器 时间日期插件 日历日期时间

×
×
51前端

注册

官方QQ群
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到