так??:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html> <head></head>
<body>
<div style="height: 50px; width: 50px; background-color: red; opacity: 1;"></div>
<script type="text/javascript">
var div = document.getElementsByTagName('div')[0];
function divChange(ths)
{
div.style.opacity = ths.value / 100;
}
</script>
<div>
<input type="range" min="0" max="100" value="100" onchange="divChange(this);">
</div>
</body>
</html>
п.с. используется html5, работать будет в
современных браузерах, например хром