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>