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

Horizontal scroll bar (slider bar) based on jquery_jquery

WBOY
Release: 2016-05-16 18:10:13
Original
1109 people have browsed it

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:


Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template