JQuery plugin Timelinr implements timeline effects _ jquery

The timeline concatenates one or more events based on the time sequence to form a relatively complete record system and then presents the events to users in the form of images and texts, this article collects one of the best results on the Internet and shares it with you. Preface

This is a timeline plug-in that can be used to show history and plans. It is especially suitable for some websites to show their development history and major events. Based on jQuery, this plug-in supports slide switching, horizontal and vertical scrolling, and keyboard arrow keys. The scroll wheel event can be expanded.

HTML

We create a p # timeline in the body as the display area and # dates as the timeline. In the example, we use the year as the main axis and # issues as the content display area to display the content of the year corresponding to the main axis point, note that the id corresponds.

   
 
 
    
  
  
2011
    
  
  
2012
   
 
 
   
 
 
    
  
  
 
Lorem ipsum.
 
    
  
  
 
Share your life and stay touched
 
   
 
 
+
 -
  
 

JQuery Timelinr depends on jQuery. Therefore, you must first load the jQuery library and jQuery Timelinr plug-in html.