Range：HTML5中的新型Input类型

<div style="width:100%; height:100%; position:fixed; top:0; left:0; z-index:100000; background:rgba(0,0,0,.5);"><p><input ></p></div>
<script>
function printValue(sliderID, textbox) {
var x = document.getElementById(textbox);
var y = document.getElementById(sliderID);
x.value = y.value;
}

jQuery('#slider1').change(function(){
printValue('slider1', 'rangeValue1');
});

window.onload = function() { printValue('slider1', 'rangeValue1') }

</script>

 

 

 

 

 

 

 

 

 

 

 

 

http://www.webhek.com/range