Home  >  Article  >  Web Front-end  >  Horizontal scroll bar (slider bar) based on jquery_jquery

Horizontal scroll bar (slider bar) based on jquery_jquery

WBOY
WBOYOriginal
2016-05-16 18:10:131078browse

Many methods were found, some are not implemented (the width of the scrolled content is unknown, but must be known when using this method), others are not fully compatible with these browsers (IE6, Firefox, Chrome). Finally decided to use JQuery's Slider control.
1. Download jquery-1.3.2.min.js, jquery-ui-1.7.1.custom.min.js
2. Html

Copy the code The code is as follows:




Scroll content



3. css
Copy code The code is as follows:



4. js
Copy code The code is as follows: