模擬滾動條
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三级在线观看|
男女无遮挡动态图|
婷婷免费高清视频在线观看|
中文字幕理伦午夜福利片|
欧美怡红院免费全视频|
亚洲综合一二三|
股间白浊失禁跪趴老师|
国产精品亚欧美一区二区三区
|
伊人这里只有精品|