<!DOCTYPE HTML>
<head>
<meta charset="UTF-8" />
<title>Полоса</title>
</head>
<body>
<style>
#beg {
}
#polosa {
border: 1px solid #FFFFFF;
height: 5px;
margin: 0 auto;
position: relative;
top: 10px;
width: 150px;
}
#block {
background: none repeat scroll 0 0 #CCCCCC;
height: 50px;
width: 200px;
}
#znach {
left: 25px;
position: relative;
}
</style>
<div id="block">
<div id="polosa"></div>
<div id="beg" style="background: none repeat scroll 0 0 #FFFFFF;
height: 20px;
left: 24px;
position: relative;
width: 5px;
cursor: pointer;" onmousedown="begun(this);"></div>
<div id="znach" >0</div>
</div>
<script>
function begun(el){
var k = false;
var event = event || window.event;
el.onmouseout = function(event){
if(k==true || parseInt(el.style.left)<24 || parseInt(el.style.left)>90){
if(parseInt(el.style.left)<24){
el.style.left = '24px';
}
if(parseInt(el.style.left)>90){
el.style.left = '90px';
}
return false;}
else{
var znach = document.getElementById('znach');
if(parseInt(el.style.left)<24){
el.style.left = '24px';
}
if(parseInt(el.style.left)>90){
el.style.left = '90px';
znach.innerHTML=event.layerX-25;
}
el.style.left = event.layerX-10+'px';
znach.innerHTML=event.layerX-25;
}
}
el.onmouseup = function(event){k = true; }
}
</script>
</body>
</html>
Почему у меня иногда отображает не правильно положение мыши то есть прокручиваю бегунком и у меня иногда его отбрасывает далеко назад