模擬滾動條
2007/2/1 15:12:31
<html> <head> <title>網(wǎng)頁特效|www.sjf2002.com|---模擬滾動條</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <STYLE type=text/css> #scrollerContent {POSITION: absolute} body {font-size:9pt;color:#660000;text-decoration: none} </STYLE> <script> var upH = 13;//向上的箭頭的高度 var upW = 9; //向上的箭頭的寬度 var downH = 13;//向下的箭頭的高度 var downW = 9;//向下的箭頭的寬度 var dragH = 26; //滾動條的高度 var dragW = 9; //滾動條的寬度 var scrollH =68; //滾動體的高度 var speed =9; //滾動的速度 var dom = document.getElementById ? true:false; var nn4 = document.layers ? true:false; var ie4 = document.all ? true:false; var mouseY; var mouseX; var clickUp = false; var clickDown = false; var clickDrag = false; var clickAbove = false; var clickBelow = false; var timer = setTimeout("",500); 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((document.layers && e.which!=1) || (document.all && event.button!=1)) 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)*(1/scrollLength)); contentT = eval('-' + contentT); moveTo(); if(ie4) return false; } } function up(){ clearTimeout(timer); clickUp = false; clickDown = false; clickDrag = false; clickAbove = false; clickBelow = false; return true; } function getT(){ if(ie4) contentT = document.all.scrollerContent.style.pixelTop; else if(nn4) contentT = document.scrollerContentClip.document.scrollerContent.top; else if(dom) contentT = parseInt(document.getElementById("scrollerContent").style.top); } function getMouse(e){ if(ie4){ mouseY = event.clientY + document.body.scrollTop; mouseX = event.clientX + document.body.scrollLeft; } else if(nn4 || dom){ mouseY = e.pageY; mouseX = e.pageX; } } function moveTo(){ if(ie4){ document.all.scrollerContent.style.top = contentT; document.all.ruler.style.top = dragT; document.all.drag.style.top =
下一頁
返回列表
返回首頁
主站蜘蛛池模板:
国产91精品在线|
中文字幕中文字幕中中文|
波多野结衣456|
含羞草实验研所入口
|
在线观看污污网站|
东北女人毛多水多牲交视频|
日韩中文字幕在线|
亚洲伊人久久大香线蕉在观|
淫444kkk|
免费在线看黄网站|
美女把尿口扒开让男人桶|
国产免费观看网站|
久久国产免费福利永久|
国产精品第1页在线播放|
久久久国产99久久国产久|
最近中文字幕无|
亚洲愉拍一区二区三区|
热99re久久精品精品免费|
午夜爽爽试看5分钟|
色综合久久久久无码专区|
国产成人亚洲精品电影|
亚洲欧美视频二区|
在线视频一区二区三区四区|
《溢出》by沈糯在线阅读|
成人免费视频69|
久久99国产精品久久|
日韩人妻无码中文字幕视频|
亚洲av无码成人精品区日韩|
欧美成人在线影院|
亚洲欧美激情精品一区二区|
狠狠干2022|
免费人成年激情视频在线观看|
精品露脸国产偷人在视频7|
国产一区二区在线观看视频|
风流艳妇在线观看|
国产成人无码一区二区三区|
亚洲激情综合网|
国产精品亚洲а∨无码播放|
2022麻豆福利午夜久久|
国产馆在线观看视频|
999在线视频精品免费播放观看|