menu.aspx

毕业设计时做的,一个管理关于污染管理的, 源代码,呵呵 想想当时还真厉害,可以实现污染检测

  var popwin=window.open(pageurl,"popWin","scrollbars=yes,toolbar=no,location=no,directories=no,status=no,menubar=no,resizable=no,width=540,height=370");
  return false;
  }
//-->
		</script>
		<STYLE type="text/css">#menulayer0Div { LEFT: 0px; VISIBILITY: visible; CLIP: rect(0px 4000px 3000px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 3000px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#iconlayer0Div { LEFT: 0px; VISIBILITY: visible; CLIP: rect(0px 4000px 3000px 0px); POSITION: absolute; TOP: 38px; HEIGHT: 3000px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#barlayer0Div { LEFT: 0px; WIDTH: 160px; CLIP: rect(0px 4000px 38px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 38px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#uplayer0Div { LEFT: -20px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 26px; HEIGHT: 16px; BACKGROUND-COLOR: #cccccc; layer-background-color: #cccccc }
	#downlayer0Div { LEFT: -20px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 42px; HEIGHT: 16px; BACKGROUND-COLOR: #cccccc; layer-background-color: #cccccc }
	#menulayer1Div { LEFT: 0px; CLIP: rect(0px 4000px 3000px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 700px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#iconlayer1Div { LEFT: 0px; CLIP: rect(0px 4000px 3000px 0px); POSITION: absolute; TOP: 38px; HEIGHT: 700px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#barlayer1Div { LEFT: 0px; WIDTH: 160px; CLIP: rect(0px 4000px 38px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 38px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#uplayer1Div { LEFT: -20px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 26px; HEIGHT: 16px; BACKGROUND-COLOR: #cccccc; layer-background-color: #cccccc }
	#downlayer1Div { LEFT: -20px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 42px; HEIGHT: 16px; BACKGROUND-COLOR: #cccccc; layer-background-color: #cccccc }
	#menulayer2Div { LEFT: 0px; CLIP: rect(0px 4000px 3000px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 700px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#iconlayer2Div { LEFT: 0px; CLIP: rect(0px 4000px 3000px 0px); POSITION: absolute; TOP: 38px; HEIGHT: 700px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#barlayer2Div { LEFT: 0px; WIDTH: 160px; CLIP: rect(0px 4000px 38px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 38px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#uplayer2Div { LEFT: -20px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 26px; HEIGHT: 16px; BACKGROUND-COLOR: #cccccc; layer-background-color: #cccccc }
	#downlayer2Div { LEFT: -20px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 42px; HEIGHT: 16px; BACKGROUND-COLOR: #cccccc; layer-background-color: #cccccc }
	#menulayer3Div { LEFT: 0px; CLIP: rect(0px 4000px 3000px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 700px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#iconlayer3Div { LEFT: 0px; CLIP: rect(0px 4000px 3000px 0px); POSITION: absolute; TOP: 38px; HEIGHT: 700px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#barlayer3Div { LEFT: 0px; WIDTH: 160px; CLIP: rect(0px 4000px 38px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 38px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#uplayer3Div { LEFT: -20px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 26px; HEIGHT: 16px; BACKGROUND-COLOR: #cccccc; layer-background-color: #cccccc }
	#downlayer3Div { LEFT: -20px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 42px; HEIGHT: 16px; BACKGROUND-COLOR: #cccccc; layer-background-color: #cccccc }
	#menulayer4Div { LEFT: 0px; CLIP: rect(0px 4000px 3000px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 700px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#iconlayer4Div { LEFT: 0px; CLIP: rect(0px 4000px 3000px 0px); POSITION: absolute; TOP: 38px; HEIGHT: 700px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#barlayer4Div { LEFT: 0px; WIDTH: 160px; CLIP: rect(0px 4000px 38px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 38px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#uplayer4Div { LEFT: -20px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 26px; HEIGHT: 16px; BACKGROUND-COLOR: #cccccc; layer-background-color: #cccccc }
	#downlayer4Div { LEFT: -20px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 42px; HEIGHT: 16px; BACKGROUND-COLOR: #cccccc; layer-background-color: #cccccc }
	#menulayer5Div { LEFT: 0px; CLIP: rect(0px 4000px 3000px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 700px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#iconlayer5Div { LEFT: 0px; CLIP: rect(0px 4000px 3000px 0px); POSITION: absolute; TOP: 38px; HEIGHT: 700px; BACKGROUND-COLOR: #ffffff; layer-background-color: #ffffff }
	#barlayer5Div { LEFT: 0px; WIDTH: 160px; CLIP: rect(0px 4000px 38px 0px); POSITION: absolute; TOP: 0px; HEIGHT: 38px; BACKGROUND-COLOR: #ffffff; layer-backg蠀: #ffffff }
	#uplayer5Div { LEFT: -20px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 26px; HEIGHT: 16px; BACKGROUND-COLOR: #cccccc; layer-background-color: #cccccc }
	#downlayer5Div { LEFT: -20px; WIDTH: 16px; CLIP: rect(0px 16px 16px 0px); POSITION: absolute; TOP: 42px; HEIGHT: 16px; BACKGROUND-COLOR: #cccccc; 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()
        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(-50, 0)

        }

        if (menuscroll < maxscroll) {

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

        } else {

            downlayer[menuchoose].moveTo(-50, 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)

        }

        

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

    } else {

        menuscrollstop()    

    }



    menuscrollbar()

    

}



function menuscrollstop() {

    scrolling = false

    if (scrollTimerID) {

        clearTimeout(scrollTimerID)

        scrollTimerID = 0;

    }

    

}



//-->

		</SCRIPT>
		<SCRIPT language="javascript" id="clientEventHandlersJS">

<!--



function window_onresize() {

    menureload()

}



//-->

		</SCRIPT>
		<STYLE type="text/css">A:link { COLOR: #0000b7; TEXT-DECORATION: none }
	A:visited { COLOR: #0000b7; TEXT-DECORATION: none }
	A:active { COLOR: #0000b7; TEXT-DECORATION: none }
	A:hover { COLOR: #0000b7; TEXT-DECORATION: none }
	TD { FONT-SIZE: 9pt; COLOR: white }
	TH { FONT-SIZE: 9pt; COLOR: white }
	FONT { FONT-SIZE: 9pt }
	.chinese_text13 { FONT-SIZE: 9pt; FILTER: Blur(Add=0, Direction=0, Strength=0); FONT-FAMILY: Verdana,宋体 }
	body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
		</STYLE>
		<SCRIPT language="javascript">

		</SCRIPT>
	</HEAD>
	<BODY onresize="return window_onresize()" onselectstart="return false"
onload="init(38,<%=m_intMenuCount%>)" MS_POSITIONING="GridLayout" >
		<%=m_strHtml%>
	</BODY>
</HTML>