[ad_1]
Bộ sưu tập các ví dụ mã thanh trượt miễn phí .
- Thanh trượt phạm vi CSS
Giới thiệu về một mã
Thanh trượt phạm vi với các biểu tượng động
Các trình duyệt tương thích: Chrome, Edge, Firefox, Opera, Safari
Phản hồi: có
Phụ thuộc: font-awesome.css, jquery.js, jquery-ui.js
Giới thiệu về một mã
Thanh trượt cao su
Thanh trượt phạm vi giá trong jQuery.
Các trình duyệt tương thích: Chrome, Edge, Firefox, Opera, Safari
Phản hồi: có
Phụ thuộc: jquery.js, jquery-ui.js, jquery.ui.touch-punch.js, tweenmax.js
Giới thiệu về một mã
Xem trước HSL (Thanh trượt phạm vi)
Tạo kiểu cho thanh trượt phạm vi đầu vào bằng CSS thuần. JS chỉ để lấy giá trị.
Các trình duyệt tương thích: Chrome, Edge, Firefox, Opera, Safari
Phản hồi: có
Phụ thuộc: jquery.js
Giới thiệu về một mã
Thanh trượt phạm vi tròn
Thanh trượt phạm vi hình tròn, hình tròn, hình tròn. Kéo tay cầm, bấm vào vị trí bạn muốn hoặc trực tiếp nhập số của bạn. Thiết kế giao diện người dùng jQuery.
Các trình duyệt tương thích: Chrome, Edge, Firefox, Opera, Safari
Phản hồi: không
Phụ thuộc: jquery.js, roundslider.css, roundslider.js
Giới thiệu về một mã
Hoạt hình trượt xếp hạng mặt cười
Các trình duyệt tương thích: Chrome, Edge, Firefox, Opera, Safari
Phản hồi: có
Phụ thuộc: jquery.js, jquery-ui.js, jquery.ui.touch-punch.js
Giới thiệu về một mã
"Bạn hài lòng đến mức nào?"
Thanh trượt tùy chỉnh từ đầu với jQuery.
Các trình duyệt tương thích: Chrome, Edge, Firefox, Opera, Safari
Phản hồi: không
Phụ thuộc: jquery.js
Được làm bằng
- HTML (Pug) / CSS (Bút stylus) / JS (Babel)
Giới thiệu về một mã
Hoạt hình phạm vi phản ứng bằng cách sử dụng SVG
Các trình duyệt tương thích: Chrome, Edge, Firefox, Opera, Safari
Phản hồi: không
Phụ thuộc: jquery.js
Được làm bằng
- HTML / CSS (SCSS) / JS (Babel)
Giới thiệu về một mã
Đầu ra thanh trượt phạm vi
Bản trình diễn đầu ra đơn giản cho một thanh trượt phạm vi.
Các trình duyệt tương thích: Chrome, Edge, Firefox, Opera, Safari
Phản hồi: không
Phụ thuộc: jquery.js
Giới thiệu về một mã
Thanh trượt bánh răng
Thanh trượt phạm vi tùy chỉnh được tạo bằng Giao diện người dùng jQuery.
Các trình duyệt tương thích: Chrome, Edge, Firefox, Opera, Safari
Phản hồi: không
Phụ thuộc: jquery.js, jquery-ui.js
Giới thiệu về một mã
Phạm vi trượt với phản hồi
Các trình duyệt tương thích: Chrome, Edge, Firefox, Opera, Safari
Phản hồi: không
Phụ thuộc: jquery.js, Rangelider.js, underscore-min.js
Được làm bằng
- HTML (Pug) / CSS (Bút stylus) / JS (CoffeeScript)
Giới thiệu về một mã
Thanh trượt phạm vi thiết kế vật liệu
Thanh trượt phạm vi thiết kế vật liệu trong jQuery.
Các trình duyệt tương thích: Chrome, Edge, Firefox, Opera, Safari
Phản hồi: không
Phụ thuộc: jquery.js, jquery-ui.min.js, jquery-ui.css
Được làm bằng
- HTML / CSS (Bút stylus) / JS (CoffeeScript)
Giới thiệu về một mã
Phạm vi
Thanh trượt phạm vi trong jQuery.
Các trình duyệt tương thích: Chrome, Edge, Firefox, Opera, Safari
Phản hồi: không
Phụ thuộc: jquery-ui.css, jquery.js, jquery-ui.js
Source link: webdesignernews