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

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

  • 1219
  • 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时间轴插件可用的配置参数有：
相关素材
时间轴特效插件带图片年份
  • 不染123456 刚刚下载了一个素材
  • Hugo戴先生 刚刚下载了一个素材
  • zat 刚刚下载了一个素材
  • 爱已过期 刚刚下载了一个素材
  • 龙博 刚刚下载了一个素材
  • Jhoan 刚刚下载了一个素材
  • qq叶子kCP 刚刚下载了一个素材
  • qqh1u 刚刚下载了一个素材
  • qqX3i 刚刚下载了一个素材
  • 羙婯亾泩 刚刚下载了一个素材
  • qqJes 刚刚下载了一个素材
  • pringun 刚刚下载了一个素材
  • 你来自哪颗星星 刚刚下载了一个素材
  • qq开心就好Wn3 刚刚下载了一个素材
  • XLB789 刚刚下载了一个素材
分享者：
分享者头像
小编
热门素材推荐
HTML素材网，HTML5模板，网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2024  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题