拖拽滑动条:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>drag</title>
<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function(){
$('.dragbar').draggable({
axis:'x',
containment:'parent',
//containment:[0,0,600,0]
//设置拖动时候的透明度
opacity:0.6,
drag:function(ev,ui){
//console.log(ui.position.left);
//获取拖动的距离
var nowleft = ui.position.left;
$('.progress').css({width:nowleft});
$('.slide_count').val(parseInt(nowleft*100/570));
}
});
})
</scri