帮忙改个JS谢谢 DIV收缩问题

Tz_Sword 2012-11-02 04:55:57



<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<style>

html,body {margin:0; padding:0;height:100%;width:100%;border:none; }

.main {width:100%;height:100%;text-align:left;}

.main_left {width:180px;background:green;}

.main_right {

	height:100%;

	background-color: #CCC;

}

.picBox {

 width:9px;

 background:#337ABB url(images/right.gif) no-repeat center center;

}

.main_left,.picBox {float:left;height:100%; _margin-right:-3px; }

</style>

<script src="admin.js" type="text/javascript"></script>

<body>

<div class="main">

  <div class="main_left" id="frmTitle" name="fmTitle" > 左边</div>

  <div class="picBox" onclick="switchSysBar()" id="switchPoint" ></div>

  <div class="main_right">

        右边

  </div>

</div>

</body>

</html>



var status = 1;

var Menus = new DvMenuCls;



document.onclick=Menus.Clear;

function switchSysBar(){

	var switchPoint=document.getElementById("switchPoint");

	var frmTitle=document.getElementById("frmTitle");

     if (1 == window.status){

		  window.status = 0;

		  //alert(switchPoint);



          switchPoint.style.backgroundImage = 'url(images/left.gif)';

          frmTitle.style.display="none"

     }

     else{

		  window.status = 1;

          switchPoint.style.backgroundImage = 'url(images/right.gif)'; 

          frmTitle.style.display=""

     }

}



function DvMenuCls(){

	var MenuHides = new Array();

	this.Show = function(obj,depth){

		var childNode = this.GetChildNode(obj);

		if (!childNode){return ;}

		if (typeof(MenuHides[depth])=="object"){

			this.closediv(MenuHides[depth]);

			MenuHides[depth] = '';

		};

		if (depth>0){

			if (childNode.parentNode.offsetWidth>0){

				childNode.style.left= childNode.parentNode.offsetWidth+'px';

				

			}else{

				childNode.style.left='100px';

			};

			

			childNode.style.top = '-2px';

		};



		childNode.style.display ='none';

		MenuHides[depth]=childNode;

	

	};

	this.closediv = function(obj){

		if (typeof(obj)=="object"){

			if (obj.style.display!='none'){

			obj.style.display='none';

			}

		}

	}

	this.Hide = function(depth){

		var i=0;

		if (depth>0){

			i = depth

		};

		while(MenuHides[i]!=null && MenuHides[i]!=''){

			this.closediv(MenuHides[i]);

			MenuHides[i]='';

			i++;

		};

	

	};

	this.Clear = function(){

		for(var i=0;i<MenuHides.length;i++){

			if (MenuHides[i]!=null && MenuHides[i]!=''){

				MenuHides[i].style.display='none';

				MenuHides[i]='';

			}

		}

	}

	this.GetChildNode = function(submenu){

		for(var i=0;i<submenu.childNodes.length;i++)

		{

			if(submenu.childNodes[i].nodeName.toLowerCase()=="div")

			{

				var obj=submenu.childNodes[i];

				break;

			}

		}

		return obj;

	}



}





function getleftbar(obj){

	var leftobj;

	var titleobj=obj.getElementsByTagName("a");

	leftobj = document.all ? frames["frmleft"] : document.getElementById("frmleft").contentWindow;

	if (!leftobj){return;}

	var menubar = leftobj.document.getElementById("menubar")

	if (menubar){

			if (titleobj[0]){

				document.getElementById("leftmenu_title").innerHTML = titleobj[0].innerHTML;

			}

			var a=obj.getElementsByTagName("ul");

			for(var i=0;i<a.length;i++){

				menubar.innerHTML = a[i].innerHTML;

				//alert(a[i].innerHTML);

			}

	}

}