This article describes how to use jquery to move the slider between the left and right sides of the mouse and upload relevant information to download the source code. If you need it, refer to it and post it to you before you step into the body, see if you want the effect:
Download demo source code online
The code for setting the slider Based on jQuery. This is a special effect that supports mobile phones. You can drag the slider Range selector and the slider value selector.
If you don't talk much about it, You can directly post code to everyone.
Html code:
Js Code:
$(function () { $('.single-slider').jRange({ from: 0, to: 100, step: 1, scale: [0, 25, 50, 75, 100], format: '%s', width: 300, showLabels: true, showScale: true }); $('.range-slider').jRange({ from: 0, to: 100, step: 1, scale: [0, 25, 50, 75, 100], format: '%s', width: 300, showLabels: true, isRange: true }); $("#g1").click(function () { var aa = $(".single-slider").val(); alert(aa); }); $("#g2").click(function () { var aa = $(".range-slider").val(); alert(aa); }); });