Demo of Start & Stop event of Slider Movement using JQuery

HTML

<div id="slider">
<input type=text name=t1 id=t1 size=3>
<div id=d1>No Movment</div>

JQuery

<script>
$(document).ready(function() {
//////////////////////////
$(function() {
    $( "#slider" ).slider({
value:100,
            min: 0,
            max: 100,
            step: 1,
            slide: function( event, ui ) {
                $( "#t1" ).val( ui.value );
            },
            start: function( event, ui ) {
                $( "#d1" ).html('Started ..' );
            },

            stop: function( event, ui ) {
                $( "#d1" ).html('Stopped ..' );
            }


  });
  });
////////////////
$("#t1").blur(function(){
$( "#slider" ).slider({value:$('#t1').val()})
})

////////////////
})
</script>