menu.asp

一套基于asp的网络办公系统！功能类似于oa

    BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 22px 0px); HEIGHT: 22px; LEFT: 0px; POSITION: absolute; TOP: 0px; layer-background-color: #ffffff
}
#uplayer2Div {
    BACKGROUND-COLOR: #cccccc; CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: -20px; POSITION: absolute; TOP: 26px; WIDTH: 16px; layer-background-color: #cccccc
}
#downlayer2Div {
    BACKGROUND-COLOR: #cccccc; CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: -20px; POSITION: absolute; TOP: 42px; WIDTH: 16px; layer-background-color: #cccccc
}
#menulayer3Div {
    BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 3000px 0px); HEIGHT: 3000px; LEFT: 0px; POSITION: absolute; TOP: 0px; layer-background-color: #ffffff
}
#iconlayer3Div {
    BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 3000px 0px); HEIGHT: 3000px; LEFT: 0px; POSITION: absolute; TOP: 22px; layer-background-color: #ffffff
}
#barlayer3Div {
    BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 22px 0px); HEIGHT: 22px; LEFT: 0px; POSITION: absolute; TOP: 0px; layer-background-color: #ffffff
}
#uplayer3Div {
    BACKGROUND-COLOR: #cccccc; CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: -20px; POSITION: absolute; TOP: 26px; WIDTH: 16px; layer-background-color: #cccccc
}
#downlayer3Div {
    BACKGROUND-COLOR: #cccccc; CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: -20px; POSITION: absolute; TOP: 42px; WIDTH: 16px; layer-background-color: #cccccc
}
#menulayer4Div {
    BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 3000px 0px); HEIGHT: 3000px; LEFT: 0px; POSITION: absolute; TOP: 0px; layer-background-color: #ffffff
}
#iconlayer4Div {
    BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 3000px 0px); HEIGHT: 3000px; LEFT: 0px; POSITION: absolute; TOP: 22px; layer-background-color: #ffffff
}
#barlayer4Div {
    BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 22px 0px); HEIGHT: 22px; LEFT: 0px; POSITION: absolute; TOP: 0px; layer-background-color: #ffffff
}
#uplayer4Div {
    BACKGROUND-COLOR: #cccccc; CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: -20px; POSITION: absolute; TOP: 26px; WIDTH: 16px; layer-background-color: #cccccc
}
#downlayer4Div {
    BACKGROUND-COLOR: #cccccc; CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: -20px; POSITION: absolute; TOP: 42px; WIDTH: 16px; layer-background-color: #cccccc
}
#menulayer5Div {
    BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 3000px 0px); HEIGHT: 3000px; LEFT: 0px; POSITION: absolute; TOP: 0px; layer-background-color: #ffffff
}
#iconlayer5Div {
    BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 3000px 0px); HEIGHT: 3000px; LEFT: 0px; POSITION: absolute; TOP: 22px; layer-background-color: #ffffff
}
#barlayer5Div {
    BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 22px 0px); HEIGHT: 22px; LEFT: 0px; POSITION: absolute; TOP: 0px; layer-background-color: #ffffff
}
#uplayer5Div {
    BACKGROUND-COLOR: #cccccc; CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: -20px; POSITION: absolute; TOP: 26px; WIDTH: 16px; layer-background-color: #cccccc
}
#downlayer5Div {
    BACKGROUND-COLOR: #cccccc; CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: -20px; POSITION: absolute; TOP: 42px; WIDTH: 16px; layer-background-color: #cccccc
}
#menulayer6Div {
    BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 3000px 0px); HEIGHT: 3000px; LEFT: 0px; POSITION: absolute; TOP: 0px; layer-background-color: #ffffff
}
#iconlayer6Div {
    BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 3000px 0px); HEIGHT: 3000px; LEFT: 0px; POSITION: absolute; TOP: 22px; layer-background-color: #ffffff
}
#barlayer6Div {
    BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 22px 0px); HEIGHT: 22px; LEFT: 0px; POSITION: absolute; TOP: 0px; layer-background-color: #ffffff
}
#uplayer6Div {
    BACKGROUND-COLOR: #cccccc; CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: -20px; POSITION: absolute; TOP: 26px; WIDTH: 16px; layer-background-color: #cccccc
}
#downlayer6Div {
    BACKGROUND-COLOR: #cccccc; CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: -20px; POSITION: absolute; TOP: 42px; WIDTH: 16px; layer-background-color: #cccccc
}
</style>

<script language=JavaScript>

<!--



var menubarheight = 0;

var menubarsum = 0;

var menuspeed = 10;

var menuinc = 100;

var scrollspeed = 100;

var scrollinc = 60;

var menuchoose = 0;

var iconX = new Array(menubarsum);

var menuIconWidth = new Array(menubarsum);

var menuIconHeight = new Array(menubarsum);

var menuscroll = 0;

var iconareaheight = 0;

var iconrightpos = 0;

var maxscroll = 0;

var scrolling = false;

var scrollTimerID = 0;



function init(mnum, mheight) {

    menubarheight = mnum

    menubarsum = mheight

    menulayer = new Array(menubarsum)

    iconlayer = new Array(menubarsum)

    barlayer = new Array(menubarsum)

    uplayer = new Array(menubarsum)

    downlayer = new Array(menubarsum)

    for (var i=0; i<menubarsum; i++) {

        menulayer[i] = new DynLayer("menulayer" + i + "Div")

        menulayer[i].slideInit()



        iconlayer[i] = new DynLayer("iconlayer" + i + "Div", "menulayer" + i + "Div")

        iconlayer[i].slideInit()

        /*iconlayer[i].setWidth(document.body.clientWidth);*/



        if (menuIconWidth[i] > document.body.clientWidth) {

            iconlayer[i].setWidth(menuIconWidth[i])

            iconX[i] = (document.body.clientWidth-menuIconWidth[i])/2

        } else {

            iconlayer[i].setWidth(document.body.clientWidth)

            iconX[i] = 0

        }

        iconlayer[i].moveTo(iconX[i], menubarheight)



        barlayer[i] = new DynLayer("barlayer" + i + "Div", "menulayer" + i + "Div")

        barlayer[i].slideInit()



        uplayer[i] = new DynLayer("uplayer" + i + "Div", "menulayer" + i + "Div")

        uplayer[i].slideInit()



        downlayer[i] = new DynLayer("downlayer" + i + "Div", "menulayer" + i + "Div")

        downlayer[i].slideInit()

        

    }

    menureload()

    

    

}



function menubarpush(num) {

    if (num != menuchoose && num >= 0 && num < menubarsum) {

    

        iconlayer[menuchoose].moveTo(iconX[menuchoose],menubarheight)

        menuscroll = 0

        scrolling = false

    

        for (var i=0; i <=num; i++) {

            menulayer[i].slideTo(0, i*menubarheight, menuinc, menuspeed)

        }

        nAdCornerOriginY = document.body.clientHeight;

        nAdCornerOriginY += document.body.scrollTop;

        for (var i=menubarsum-1; i>num; i--) {

            nAdCornerOriginY -= menubarheight

            menulayer[i].slideTo(0,nAdCornerOriginY, menuinc, menuspeed)

        }

        menuchoose = num

        menuscrollbar()

    }

}





function menureload() {

    nAdCornerOriginY = document.body.clientHeight;

    nAdCornerOriginY += document.body.scrollTop;

    for (var i=menubarsum-1; i>menuchoose; i--) {

        nAdCornerOriginY -= menubarheight

        menulayer[i].moveTo(0, nAdCornerOriginY)

    }

    for (var i=0; i<menubarsum; i++) {

        if (menuIconWidth[i] > document.body.clientWidth) {

            iconlayer[i].setWidth(menuIconWidth[i])

            iconX[i] = (document.body.clientWidth-menuIconWidth[i])/2

        } else {

            iconlayer[i].setWidth(document.body.clientWidth)

            iconX[i] = 0

        }

        iconlayer[i].moveX(iconX[i], menubarheight)

    }

    

    

    menuscrollbar()

}





function menuscrollbar() {

    iconareaheight = document.body.clientHeight-menubarheight*(menubarsum);

    iconrightpos = document.body.clientWidth-16-4;

    maxscroll = menuIconHeight[menuchoose] - iconareaheight

    

    

    

    if (maxscroll > 0) {

        if (menuscroll > 0) {

            uplayer[menuchoose].moveTo(iconrightpos, menubarheight+4) 

        } else {

            uplayer[menuchoose].moveTo(-20, 0)

        }

        if (menuscroll < maxscroll) {

            downlayer[menuchoose].moveTo(iconrightpos, iconareaheight+2)

        } else {

            downlayer[menuchoose].moveTo(-20, 0)

        }

    } else {

        if (menuscroll <= 0) 

            uplayer[menuchoose].moveTo(-20, 0)

        downlayer[menuchoose].moveTo(-20, 0)

    }

}





function menuscrollup() {

    if (menuscroll > 0) {

        scrolling = true

        menuscroll -= scrollinc

        iconlayer[menuchoose].moveTo(iconX[menuchoose], menubarheight-menuscroll)

        

        scrollTimerID = setTimeout("menuscrollup()", scrollspeed)

    } else {

        menuscrollstop()    

    }

    menuscrollbar()

    

}




function menuscrolldown() {

    if (menuscroll < maxscroll) {

        scrolling = true

        menuscroll += scrollinc

        if (menuscroll < maxscroll) {

            iconlayer[menuchoose].moveTo(iconX[menuchoose], menubarheight-menuscroll)

        } else {

            iconlayer[menuchoose].moveTo(iconX[menuchoose], menubarheight-maxscroll)

        }