Control deslizante Jquery que se desliza mientras se mueve el mouse

Estoy buscando un script jquery slider que pueda deslizarse de derecha a izquierda mientras muevo el mouse. ¿Alguien sabe ese tipo de guión? Quiero lograr un efecto como este, pero debería desplazarse horizontalmente, no vertical.

Te refieres a algo como esto. Es una cosa muy básica que utiliza el jQuery UI Slider . Adjunto un controlador al evento mousemove que solo calcula cuál debería ser el valor para el control deslizante (basado en el valor de las coordenadas del mouse).

$(function() { var range = 100, sliderDiv = $("#slider"); // Activate the UI slider sliderDiv.slider({ min: 0, max: range }); // Number of tick marks on slider var position = sliderDiv.position(), sliderWidth = sliderDiv.width(), minX = position.left, maxX = minX + sliderWidth, tickSize = sliderWidth / range; $(this).mousemove(function(e) { // If within the slider's width, follow it along if (e.pageX >= minX && e.pageX <= maxX) { var val = (e.pageX - minX) / tickSize; sliderDiv.slider("value", val); } }); }); 

No es un código fantástico, para ser honesto, pero brinda un ejemplo básico de cómo usar el control deslizante de la interfaz de usuario jQuery y cómo establecer el valor utilizando el código.

Ejemplo: http://jsfiddle.net/jonathon/qAMWQ/

    Intereting Posts