menu.asp

一个我从网上收集的OA系统

DynLayer.prototype.clipValues = DynLayerClipValues



// Write Method

function DynLayerWrite(html) {

	if (is.ns) {

		this.doc.open()

		this.doc.write(html)

		this.doc.close()

	}

	else if (is.ie) {

		this.event.innerHTML = html

	}

}

DynLayer.prototype.write = DynLayerWrite



// BrowserCheck Object

function BrowserCheck() {

	var b = navigator.appName

	if (b=="Netscape") this.b = "ns"

	else if (b=="Microsoft Internet Explorer") this.b = "ie"

	else this.b = b

	this.version = navigator.appVersion

	this.v = parseInt(this.version)

	this.ns = (this.b=="ns" && this.v>=4)

	this.ns4 = (this.b=="ns" && this.v==4)

	this.ns5 = (this.b=="ns" && this.v==5)

	this.ie = (this.b=="ie" && this.v>=4)

	this.ie4 = (this.version.indexOf('MSIE 4')>0)

	this.ie5 = (this.version.indexOf('MSIE 5')>0)

	this.min = (this.ns||this.ie)

}

is = new BrowserCheck()



// CSS Function

function css(id,left,top,width,height,color,vis,z,other) {

	if (id=="START") return '<STYLE TYPE="text/css">\n'

	else if (id=="END") return '</STYLE>'

	var str = (left!=null && top!=null)? '#'+id+' {position:absolute; left:'+left+'px; top:'+top+'px;' : '#'+id+' {position:relative;'

	if (arguments.length>=4 && width!=null) str += ' width:'+width+'px;'

	if (arguments.length>=5 && height!=null) {

		str += ' height:'+height+'px;'

		if (arguments.length<9 || other.indexOf('clip')==-1) str += ' clip:rect(0px '+width+'px '+height+'px 0px);'

	}

	if (arguments.length>=6 && color!=null) str += (is.ns)? ' layer-background-color:'+color+';' : ' background-color:'+color+';'

	if (arguments.length>=7 && vis!=null) str += ' visibility:'+vis+';'

	if (arguments.length>=8 && z!=null) str += ' z-index:'+z+';'

	if (arguments.length==9 && other!=null) str += ' '+other

	str += '}\n'

	return str

}

function writeCSS(str,showAlert) {

	str = css('START')+str+css('END')

	document.write(str)

	if (showAlert) alert(str)

}

</SCRIPT>

<SCRIPT language=JavaScript1.2>
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
  
}


function pop1(pageurl) {
  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 {
	BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 3000px 0px); HEIGHT: 3000px; LEFT: 0px; POSITION: absolute; TOP: 0px; layer-background-color: #ffffff
}
#iconlayer0Div {
	BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 3000px 0px); HEIGHT: 3000px; LEFT: 0px; POSITION: absolute; TOP: 22px; layer-background-color: #ffffff
}
#barlayer0Div {
	BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 22px 0px); HEIGHT: 22px; LEFT: 0px; POSITION: absolute; TOP: 0px; layer-background-color: #ffffff
}
#uplayer0Div {
	BACKGROUND-COLOR: #cccccc; CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: -20px; POSITION: absolute; TOP: 26px; WIDTH: 16px; layer-background-color: #cccccc
}
#downlayer0Div {
	BACKGROUND-COLOR: #cccccc; CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: -20px; POSITION: absolute; TOP: 42px; WIDTH: 16px; layer-background-color: #cccccc
}
#menulayer1Div {
	BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 3000px 0px); HEIGHT: 3000px; LEFT: 0px; POSITION: absolute; TOP: 0px; layer-background-color: #ffffff
}
#iconlayer1Div {
	BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 3000px 0px); HEIGHT: 3000px; LEFT: 0px; POSITION: absolute; TOP: 22px; layer-background-color: #ffffff
}
#barlayer1Div {
	BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 22px 0px); HEIGHT: 22px; LEFT: 0px; POSITION: absolute; TOP: 0px; layer-background-color: #ffffff
}
#uplayer1Div {
	BACKGROUND-COLOR: #cccccc; CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: -20px; POSITION: absolute; TOP: 26px; WIDTH: 16px; layer-background-color: #cccccc
}
#downlayer1Div {
	BACKGROUND-COLOR: #cccccc; CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: -20px; POSITION: absolute; TOP: 42px; WIDTH: 16px; layer-background-color: #cccccc
}
#menulayer2Div {
	BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 3000px 0px); HEIGHT: 3000px; LEFT: 0px; POSITION: absolute; TOP: 0px; layer-background-color: #ffffff
}
#iconlayer2Div {
	BACKGROUND-COLOR: #ffffff; CLIP: rect(0px 4000px 3000px 0px); HEIGHT: 3000px; LEFT: 0px; POSITION: absolute; TOP: 22px; layer-background-color: #ffffff
}
#barlayer2Div {
	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)