var isDown = false; var upH = 16; // 上箭头的高度 var upW = 16; //上箭头的宽度 var downH = 16; //下箭头的高度 var downW = 16; //下箭头的宽度 var dragH = 36; // 滚动条的高度 var dragW = 16; //滚动条的宽度 var scrollH = 92; //滚动条可移动的高度 var contentHeight = 0; var dragPos = 0; //滚动条的位置 var downPos; //点击位置 var eventY; var clickRate = 0.5; //箭头移动速度 var direct = 0; var timer = 20; function move() { //td1.innerText = event.clientX + "," + event.clientY; if (isDown) { contentHeight = scrollerContent.offsetHeight - 124; eventY = event.clientY < 0 ? 0 : event.clientY > 144 ? 144 : event.clientY; dragPos += eventY - downPos; downPos = eventY; dragPos = dragPos < 0 ? 0 : dragPos > scrollH ? scrollH : dragPos; drag.style.top = dragPos + upH; scrollerContent.style.top = contentHeight / 92 * (-dragPos); } event.returnValue = false; } function up() { isDown = false; } function down() { isDown = true; downPos = event.clientY; } function clickmove() { contentHeight = scrollerContent.offsetHeight - 124; dragPos -= clickRate * direct; dragPos = dragPos < 0 ? 0 : dragPos > scrollH ? scrollH : dragPos; drag.style.top = dragPos + upH; scrollerContent.style.top = contentHeight / 92 * (-dragPos); if (direct != 0) { window.setTimeout(clickmove, timer); } }