模擬滾動條
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在线视频精品免费播放观看|