简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

Horizontal scroll bar (slider bar) based on jquery_jquery

WBOY
Release： 2016-05-16 18:10:13
Original
1077 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>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！