JavaScript - Round Slider: Unterschied zwischen den Versionen
Aus Wikizone
(Die Seite wurde neu angelegt: „=== Handle Shape === === Endwert Stop === http://jsfiddle.net/soundar24/cuop4buv/ <syntaxhighlight lang="javascript"> $.fn.roundSlider.prototype._handleDragDis…“) |
|||
| Zeile 1: | Zeile 1: | ||
=== Handle Shape === | === Handle Shape === | ||
| + | Über CSS | ||
| + | |||
=== Endwert Stop === | === Endwert Stop === | ||
http://jsfiddle.net/soundar24/cuop4buv/ | http://jsfiddle.net/soundar24/cuop4buv/ | ||
Aktuelle Version vom 12. Mai 2018, 07:32 Uhr
Handle Shape[Bearbeiten]
Über CSS
Endwert Stop[Bearbeiten]
http://jsfiddle.net/soundar24/cuop4buv/
$.fn.roundSlider.prototype._handleDragDistance = 90;
$("#slider").roundSlider({
sliderType: "min-range",
value: 45
});
Animierter Slider[Bearbeiten]
http://jsfiddle.net/soundar24/etyeaktt/
$("#myslider").roundSlider({
width: 12,
radius: 80,
sliderType: "min-range",
handleSize: "+10",
value: 40
});
window.setInterval(function () {
var random = Math.floor((Math.random() * 100) + 1);
$("#myslider").roundSlider("option", "value", random);
}, 1000);
Ellipse[Bearbeiten]
http://jsfiddle.net/soundar24/jxz8y1pe/
