rangeUtil.js
/
test.html

<!DOCTYPE html>
<html>
<head>
	<script src="http://www.jq22.com/jquery/jquery-2.1.1.js"></script>
	<script type="text/javascript" src="./rangeUtil.js"></script>
	<title>test</title>
	<style type="text/css">
		*{
			margin: 0;
		}
	</style>
</head>
<body>
	<script>

        var changeScale = $("<div style='height:40px;width:250px;display: inline-block' />");
        $("body").append(changeScale);
        range = new rangeUtil({father_box: changeScale,
        	rangebox_css: {
				position: 'absolute',
				top:'40px',
				width: '10px',
				height: '10px',
				'border-radius': '50%',
				'background-color': '#f2f2f2',
				'box-shadow': '2px 2px 2px rgba(0,0,0,.2)'
			},
        	type:2}).registCallback(function (data){

        })
	</script>
</body>
</html>