模擬滾動條
2007/1/22 16:01:36

<html>
<head>
<title>網頁特效|Linkweb.cn/Js|---模擬滾動條</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 = dr

下一頁
返回列表
返回首頁 主站蜘蛛池模板: 久久婷婷激情综合色综合俺也去 | 国产精品久久久久久久久久影院| 一区二区精品视频| 日本成人不卡视频| 国产成人久久精品一区二区三区| 一定要抓住电影在线观看完整版 | 日韩电影免费在线观看网址| 动漫美女和男人羞羞漫画| 香蕉在线精品视频在线观看2| 国产精品国产高清国产av| 99热这里有精品| 宝宝才三根手指头就湿成这样| 亚洲啪啪AV无码片| 爱我久久国产精品| 国产产一区二区三区久久毛片国语| 香蕉视频污网站| 国内精品久久久人妻中文字幕| 一区二区三区杨幂在线观看| 拨开内裤直接进入| 亚洲国产精品午夜电影| 特黄特黄aaaa级毛片免费看| 北条麻妃在线视频观看| 良妇露脸附生活照15| 国产又爽又黄无码无遮挡在线观看| 亚洲国产成人精品激情| 国产精品日韩欧美亚洲另类| 丝袜捆绑调教视频免费区| 日本免费一区尤物| 久久精品亚洲一区二区三区浴池| 欧美一级特黄aa大片在线观看免费 | 久久天天躁狠狠躁夜夜网站| 特大巨黑吊av在线播放| 国产成人av三级在线观看| 男女无遮挡动态图| 婷婷免费高清视频在线观看| 中文字幕理伦午夜福利片| 欧美怡红院免费全视频| 亚洲综合一二三| 股间白浊失禁跪趴老师| 国产精品亚欧美一区二区三区 | 伊人这里只有精品|