首页>>Jquery文字>>可以拖动的水平时间线效果(2019-12-28)

可以拖动的水平时间线效果

可以拖动的水平时间线效果
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div style="max-width:400px;">  
  2.     <div id="timeline"></div>  
  3.  </div>  

 

JavaScript Code
  1. <script>  
  2.         const data = [  
  3.   { label: "freejs.net", date: "7-04-2019", iconId: 0 },  
  4.   { label: "CSSSCRIPT", date: "11-04-2019", iconId: 1 },  
  5.   { label: "A Timeline Plugin", date: "08-04-2019", iconId: 2 },  
  6.   { label: "My Own Event", date: "10-07-2019", iconId: 3 },  
  7.   { label: "The Last Event", date: "10-09-2019", iconId: 4 }  
  8. ];  
  9.   
  10. const options = {  
  11.   iconClasses: {  
  12.     0: "fas fa-layer-group",  
  13.     1: "fas fa-wrench",  
  14.     2: "fas fa-user-plus",  
  15.     3: "far fa-paper-plane",  
  16.     4: "fas fa-user-minus"  
  17.   }  
  18. };  
  19.   
  20. $("#timeline").loadTimeline(data, options);  
  21.   
  22. </script>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_831.html