Submit your widget
HomeFormDrag the control values slider（Mootools）

Drag the control values slider（Mootools）

Created 14 years ago   Views 6642   downloads 1336    Author n/a
Drag the control values slider（Mootools）
View DemoDownload
82
Share |

Features

  1.         1、Horizontal or Vertical options
  2.         2、snap to steps
  3.         3、apply transitions to the slide

Usage

var slider1 = new Slider('slideContainer1', 'slideHandle1',{
 onComplete: function(val){$('pos1').setHTML(val);}
});

 

Options

onChange            a function to call when the value changes.

onComplete         a function to call when you're done dragging.

onTick                 optionally, you can alter the onTick behavior, for example displaying an effect of the knob moving to the desired position. Passes as a parameter the new position.

steps                   the number of steps for your slider.

mode                  either 'horizontal' or 'vertical'. defaults to horizontal.

wheel                  experimental! Also use the mouse wheel to control the slider. defaults to false.

 


You might also like