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

<html>
<head>
<title>網(wǎng)頁特效|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

下一頁
返回列表
返回首頁 主站蜘蛛池模板: 99在线观看视频免费精品9| 亚洲区小说区图片区qvod| 色婷婷五月综合丁香中文字幕| 国产精品视频在| www.kkbokk.com| 把她抵在洗手台挺进撞击视频 | 色噜噜狠狠色综合成人网| 国产欧美亚洲精品| 91精品欧美综合在线观看| 好吊妞乱淫欧美| 中文字幕av一区乱码| 日韩免费高清一级毛片在线| 亚洲国产欧洲综合997久久| 热久久综合这里只有精品电影| 动漫触手被吸乳羞羞动漫| 草莓视频在线免费播放草莓视频在线免费播放 | 色欲麻豆国产福利精品| 国产无遮挡裸体免费视频在线观看 | 午夜三级黄色片| 蜜桃97爱成人| 国产在线精品一区二区不卡麻豆| 在线a免费观看最新网站| 国产黄色片在线观看| hdmaturetube熟女xx视频韩国| 性欧美高清video| 中文字幕在线永久在线视频2020| 日韩av无码一区二区三区| 亚洲av永久精品爱情岛论坛| 欧美成人高清WW| 亚洲欧美日韩成人一区在线| 激情另类小说区图片区视频区| 免费A级毛片无码A∨男男| 精品久久久无码中文字幕天天 | 麻豆网神马久久人鬼片| 国产欧美日韩亚洲| 丝袜诱惑中文字幕| 国产精品嫩草影院在线播放| 91精品免费国产高清在线| 在线小视频国产| 99久久无色码中文字幕人妻| 大胸校花被老头粗暴在线观看|