clickAbove=true;
clickUp=true;
returnscrollUp();
}
else{
clickBelow=true;
clickDown=true;
returnscrollDown();
}
}
else{
returntrue;
}
}
functionmove(e){
if(clickDrag&&contentH>contentClipH){
getMouse(e);
dragT=(mouseY-startY);
if(dragT<(rulerT))
dragT=rulerT;
if(dragT>(rulerT+scrollH-dragH))
dragT=(rulerT+scrollH-dragH);
contentT=((dragT-rulerT)*(1/scrollLength));
contentT=eval('-'+contentT);
moveTo();
if(ie4)
returnfalse;
}
}
functionup(){
clearTimeout(timer);
clickUp=false;
clickDown=false;
clickDrag=false;
clickAbove=false;
clickBelow=false;
returntrue;
}
functiongetT(){
if(ie4)
contentT=document.all.scrollerContent.style.pixelTop;
elseif(nn4)
contentT=document.scrollerContentClip.document.scrollerContent.top;
elseif(dom)
contentT=parseInt(document.getElementById("scrollerContent").style.top);
}
functiongetMouse(e){
if(ie4){
mouseY=event.clientY+document.body.scrollTop;
mouseX=event.clientX+document.body.scrollLeft;
}
elseif(nn4||dom){
mouseY=e.pageY;
mouseX=e.pageX;
}
}
functionmoveTo(){
if(ie4){
document.all.scrollerContent.style.top=contentT;
document.all.ruler.style.top=dragT;
document.all.drag.style.top=dragT;
}
elseif(nn4){
document.scrollerContentClip.document.scrollerContent.top=contentT;
document.ruler.top=dragT;
document.drag.top=dragT;
}
elseif(dom){
document.getElementById("scrollerContent").style.top=contentT+"px";
document.getElementById("drag").style.top=dragT+"px";
document.getElementById("ruler").style.top=dragT+"px";
}
}
functionscrollUp(){
getT();
if(clickAbove){
if(dragT<=(mouseY-(dragH/2)))
returnup();
}
if(clickUp){
if(contentT<0){
dragT=dragT-(speed*scrollLength);
if(dragT<(rulerT))
dragT=rulerT;
contentT=contentT+speed;
if(contentT>0)
contentT=0;
moveTo();
timer=setTimeout("scrollUp()",25);
}
}
returnfalse;
}
functionscrollDown(){
getT();
if(clickBelow){
if(dragT>=(mouseY-(dragH/2)))
returnup();
}
if(clickDown){
if(contentT>-(contentH-contentClipH)){
dragT=dragT+(speed*scrollLength);
if(dragT>(rulerT+scrollH-dragH))
dragT=(rulerT+scrollH-dragH);
contentT=contentT-speed;
if(contentT<-(contentH-contentClipH))
contentT=-(contentH-contentClipH);
moveTo();
timer=setTimeout("scrollDown()",25);
}
}
returnfalse;
}
functionreloadPage(){
location.reload();
}
functioneventLoader(){
if(ie4){
upL=document.all.up.style.pixelLeft;
upT=document.all.up.style.pixelTop;
downL=document.all.down.style.pixelLeft;
downT=document.all.down.style.pixelTop;
dragL=document.all.drag.style.pixelLeft;
dragT=document.all.drag.style.pixelTop;
rulerT=document.all.ruler.style.pixelTop;
contentH=parseInt(document.all.scrollerContent.scrollHeight);
contentClipH=parseInt(document.all.scrollerContentClip.style.height);
}
elseif(nn4){
upL=document.up.left;
upT=document.up.top;
downL=document.down.left;
downT=document.down.top;
dragL=document.drag.left;
dragT=document.drag.top;
rulerT=document.ruler.top;
contentH=document.scrollerContentClip.document.scrollerContent.clip.bottom;
contentClipH=document.scrollerContentClip.clip.bottom;
}
elseif(dom){
upL=parseInt(document.getElementById("up").style.left);
upT=parseInt(document.getElementById("up").style.top);
downL=parseInt(document.getElementById("down").style.left);
downT=parseInt(document.getElementById("down").style.top);
dragL=parseInt(document.getElementById("drag").style.left);
dragT=parseInt(document.getElementById("drag").style.top);
rulerT=parseInt(document.getElementById("ruler").style.top);
contentH=parseInt(document.getElementById("scrollerContent").offsetHeight);
contentClipH=parseInt(document.getElementById("scrollerContentClip").offsetHeight);
document.getElementById("scrollerContent").style.top=0+"px";
}
scrollLength=((scrollH-dragH)/(contentH-contentClipH));
if(nn4){
document.captureEvents(Event.MOUSEDOWN|Event.MOUSEMOVE|Event.MOUSEUP);
window.onresize=reloadPage;
}
document.onmousedown=down;
document.onmousemove=move;
document.onmouseup=up;
}
id=drag
style="LEFT:
203px;POSITION:
absolute;TOP:
116px">
height=26src="slider.gif"width=9>
id=ruler
style="TOP:
116px">
id=up
style="LEFT:
203px;POSITION:
absolute;TOP:
100px">
height=13alt=""src="scrollup.gif"width=9border=0>
style="LEFT:
203px;POSITION:
absolute;TOP:
186px">
height=13alt=""src="scrolldown.gif"width=9border=0>id=scrollerContentClip
style="LEFT:
100;VISIBILITY:
visible;OVERFLOW:
hidden;WIDTH:
100;CLIP:
rect(0px140px194px0px);POSITION:
absolute;TOP:
100;HEIGHT:
100;border:
#CC66001pxsolid">id=scrollerContentstyle="width:
100;height:
100">
asdfasdfasdfasdf
asdfasdfasdfasdf
asdfasdfasdfasf
ASdfasdfasdfas
Asdfasdfasdf
Asdfasdfasdf
asdfasdfasdfasdf
asdfasdfasdfa
asdf
asdf
ASdfa
Sdfas
Dfasd
FasdFasdf
asdf
asdf
sadf
asdfasdf
asdf
asdf
asdf
asdf
asdf
asdf
asdf
asdf
asdfsdf
Asdfa
SdfsadFasdf
第二步:
把
中的内容改为: