素材8网-专注前端素材！
来源：https://www.sucai8.cn/29799.html

时间轴特效插件带图片年份

  • 1465
  • 0
  • 1

使用方法：在页面中引入jquery和timeline.min.js文件，以及样式文件timeline.min.css。
  1. <link rel="stylesheet" href="dist/css/timeline.min.css" />
  2. <script src='path/to/jquery.min.js'></script>
  3. <script src='path/to/timeline.min.js'></script>   
复制代码
HTML结构：timeline.js时间轴的基本HTML结构如下：
  1. <div class="timeline-container timeline-theme-1">
  2.   <div class="timeline js-timeline">
  3.     <div data-time="2017">
  4.       your content or markup
  5.     </div>
  6.     <div data-time="2016">
  7.       your content or markup
  8.     </div>
  9.     <div data-time="2015">
  10.       your content or markup
  11.     </div>
  12.     <div data-time="2014">
  13.       your content or markup
  14.     </div>
  15.     <div data-time="2013">
  16.       your content or markup
  17.     </div>
  18.   </div>
  19. </div>   
复制代码
初始化插件：在页面DOM元素加载完毕之后，可以通过Timeline()方法来初始化该时间轴插件。
  1. $('.js-timeline').Timeline();   
复制代码
配置参数：timeline.js时间轴插件可用的配置参数有：
相关素材
时间轴特效插件带图片年份
  • 打他，他有医保 刚刚下载了一个素材
  • 王者行 刚刚下载了一个素材
  • Maestro 刚刚下载了一个素材
  • 东电图文俊云宏图 刚刚下载了一个素材
  • 风之轻语 刚刚下载了一个素材
  • Mirror 刚刚下载了一个素材
  • tonychan223 刚刚下载了一个素材
  • M8268 刚刚下载了一个素材
  • MiDick 刚刚下载了一个素材
  • 黑风 刚刚下载了一个素材
  • 海绵先生 刚刚下载了一个素材
  • qq小白HeD 刚刚下载了一个素材
  • Xuqy 刚刚下载了一个素材
  • qq小白uER 刚刚下载了一个素材
  • So4568 刚刚下载了一个素材
分享者：
分享者头像
小编
热门素材推荐
HTML素材网，HTML5模板，网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2025  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题