jQueryUI-滑动条效果（slider方法）

你需要在body中写下如下代码

 <span id="span">0</span>
 <div id="slider"></div>

你需要在js文件中写下如下代码

var valueSpan,slider;
$(document).ready(function(){
  slider=$("#slider");
  valueSpan=$("#span");
     slider.slider({
        slide:function(event,ui){
            valueSpan.text(slider.slider("option","value"));    
        }
    })
});

运行界面

你可以拖动这个来实现滑动条的拖动