电脑故障

模拟滚动条

发布日期：2020/2/13

<html>

<head><title>网页特效|wwwwangqicom|模拟滚动条</title><meta httpequiv="ContentType" content="text/html; charset=gb"><STYLE type=text/css>#scrollerContent {POSITION: absolute}body {fontsize:pt;color:#;textdecoration: none}</STYLE><script>var upH = ;//向上的箭头的高度var upW = ; //向上的箭头的宽度var downH = ;//向下的箭头的高度var downW = ;//向下的箭头的宽度var dragH = ; //滚动条的高度var dragW = ; //滚动条的宽度var scrollH =; //滚动体的高度var speed =; //滚动的速度var dom = documentgetElementById ? true:false;var nn = documentlayers ? true:false;var ie = documentall ? true:false;var mouseY;var mouseX;var clickUp = false;var clickDown = false;var clickDrag = false;var clickAbove = false;var clickBelow = false;var timer = setTimeout("");var upL;var upT;var downL;var downT;var dragL;var dragT;var rulerL;var rulerT;var contentT;var contentH;var contentClipH;var scrollLength;var startY;function down(e){if((documentlayers && ewhich!=) || (documentall && eventbutton!=)) return true;getMouse(e);startY = (mouseY dragT);if(mouseX >= upL && (mouseX <= (upL + upW)) && mouseY >= upT && (mouseY <= (upT + upH))){clickUp = true;return scrollUp();}else if(mouseX >= downL && (mouseX <= (downL + downW)) && mouseY >= downT && (mouseY <= (downT + downH))){clickDown = true;return scrollDown();}else if(mouseX >= dragL && (mouseX <= (dragL + dragW)) && mouseY >= dragT && (mouseY <= (dragT + dragH))){clickDrag = true;return false;}else if(mouseX >= dragL && (mouseX <= (dragL + dragW)) && mouseY >= rulerT && (mouseY <= (rulerT + scrollH))){if(mouseY < dragT){clickAbove = true;clickUp = true;return scrollUp();}else{clickBelow = true;clickDown = true;return scrollDown();}}else{return true;}}function move(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)*(/scrollLength));contentT = eval( + contentT);moveTo();if(ie)return false;}}function up(){clearTimeout(timer);clickUp = false;clickDown = false;clickDrag = false;clickAbove = false;clickBelow = false;return true;}function getT(){if(ie)contentT = documentallscrollerContentstylepixelTop;else if(nn)contentT = documentscrollerContentClipdocumentscrollerContenttop;else if(dom)contentT = parseInt(documentgetElementById("scrollerContent")styletop);}function getMouse(e){if(ie){mouseY = eventclientY + documentbodyscrollTop;mouseX = eventclientX + documentbodyscrollLeft;}else if(nn || dom){mouseY = epageY;mouseX = epageX;}}function moveTo(){if(ie){documentallscrollerContentstyletop = contentT;documentallrulerstyletop = dragT;documentalldragstyletop = dragT;}else if(nn){documentscrollerContentClipdocumentscrollerContenttop = contentT;documentrulertop = dragT;documentdragtop = dragT;}else if(dom){documentgetElementById("scrollerContent")styletop = contentT + "px";documentgetElementById("drag")styletop = dragT + "px";documentgetElementById("ruler")styletop = dragT + "px";}}function scrollUp(){getT();if(clickAbove){if(dragT <= (mouseY(dragH/)))return up();}if(clickUp){if(contentT < ){dragT = dragT (speed*scrollLength);if(dragT < (rulerT))dragT = rulerT;contentT = contentT + speed;if(contentT > )contentT = ;moveTo();timer = setTimeout("scrollUp()");}}return false;}function scrollDown(){getT();if(clickBelow){if(dragT >= (mouseY(dragH/)))return up();}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()");}}return false;}function reloadPage(){locationreload();}function eventLoader(){if(ie){upL = documentallupstylepixelLeft;upT = documentallupstylepixelTop;downL = documentalldownstylepixelLeft;downT = documentalldownstylepixelTop;dragL = documentalldragstylepixelLeft;dragT = documentalldragstylepixelTop;rulerT = documentallrulerstylepixelTop;contentH = parseInt(documentallscrollerContentscrollHeight);contentClipH = parseInt(documentallscrollerContentClipstyleheight);}else if(nn){upL = documentupleft;upT = documentuptop;downL = documentdownleft;downT = documentdowntop;dragL = documentdragleft;dragT = documentdragtop;rulerT = documentrulertop;contentH = documentscrollerContentClipdocumentscrollerContentclipbottom;contentClipH = documentscrollerContentClipclipbottom;}else if(dom){upL = parseInt(documentgetElementById("up")styleleft);upT = parseInt(documentgetElementById("up")styletop);downL = parseInt(documentgetElementById("down")styleleft);downT = parseInt(documentgetElementById("down")styletop);dragL = parseInt(documentgetElementById("drag")styleleft);dragT = parseInt(documentgetElementById("drag")styletop);rulerT = parseInt(documentgetElementById("ruler")styletop);contentH = parseInt(documentgetElementById("scrollerContent")offsetHeight);contentClipH = parseInt(documentgetElementById("scrollerContentClip")offsetHeight);documentgetElementById("scrollerContent")styletop = + "px";}scrollLength = ((scrollHdragH)/(contentHcontentClipH));if(nn){documentcaptureEvents(EventMOUSEDOWN | EventMOUSEMOVE | EventMOUSEUP);windowonresize = reloadPage;}documentonmousedown = down;documentonmousemove = move;documentonmouseup = up;}</script></head><BODYonload="eventLoader()"><SPANid=dragstyle="LEFT: px;POSITION: absolute; TOP: px"><IMGheight= src="slidergif" width= border=> <SPANid=rulerstyle="TOP: px"> <SPANid=upstyle="LEFT: px; POSITION: absolute; TOP: px"><IMGheight= alt="" src="scrollupgif" width= border=> <IMGheight= alt="" src="scrolldowngif" width= border=> <SPANid=scrollerContentClipstyle=" LEFT: ; VISIBILITY: visible; OVERFLOW: hidden; WIDTH: ; CLIP: rect(px px px px); POSITION: absolute; TOP: ; HEIGHT: ;border:#CC px solid"><SPANid=scrollerContent style="width: ; height: ">dddddd ddd dd d</body></html>

上一篇：正则表达式入门简介

下一篇：AOP概念解析