⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 树形.html

📁 这是以前做的一个项目 内有项目分析 时序图也有 是基于ssh框架的一个统计系统
💻 HTML
字号:
<script language="javascript" src="javascript/winopen/winopen.js"></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script type='text/javascript' src='dwr/util.js'></script>
<script type='text/javascript' src='dwr/interface/NseerModuleTreeNode.js'></script>
<script language="javascript" src="javascript/include/nseer_cookie/toolTip.js"></script>
<script>
var nseer_alarm=new nseer_alarm();
nseer_alarm.main_id='01';
</script>
<style type="text/css">
    body {
        font-size: 12px;
        font-family: verdana;
        background-color: white;
		 white-space:nowrap;
		 background: #ffffff;
      }
      .root {	  
	  border-left: #E1E1E1 1px solid;
	  border-right: #E1E1E1 1px solid;
	  border-top: #fff 0px solid;
	  border-bottom: #ffffff 1px solid;
      padding: 0px 0px 0px 0px;
	  background: transparent url(images/two.jpg) repeat-x 0 -15px;
      }
	  .hrefdiv {	  
	  border-left: #E1E1E1 1px solid;
	  border-right: #E1E1E1 1px solid;
	  border-top: #fff 0px solid;
	  border-bottom: #E1E1E1 1px solid;
      }
      A:visited {
	  color:#000000;
	  TEXT-DECORATION: none;
	  }
	  A:active {
	  color:#000000;
	  TEXT-DECORATION: none;
	  }
	  A:hover {
	  TEXT-DECORATION: none;
	  }
	  A:link {
	  color:#000000;
	  TEXT-DECORATION: none;
	  }
      .root div {
      padding: 0px 0px 0px 0px;
      display: none;
	  border-left: 1px solid #E1E1E1;
      margin-left: 20px;
	  margin-top: 1px;
      }
	  #main_cur {
        color:#ffffff;       
       }
      </style>
<script type="text/javascript" language="JavaScript">
function toggleNode(node,id,tablename) 
{
var parent_HTML=node.innerHTML;
var temp=parent_HTML.toLowerCase().indexOf('</a>');
temp=parent_HTML.substring(0,temp+4);
var div_num=node.getElementsByTagName('DIV');
if(div_num.length>0){
var nodeArray = node.childNodes;
        for(i=0; i < nodeArray.length; i++)
       {
          node = nodeArray[i];
        if (node.tagName && node.tagName.toLowerCase() == 'a'){
         var img=node.getElementsByTagName('IMG');
img[0].src = (img[0].src == img[0].src.substring(0,img[0].src.lastIndexOf('/')+1)+'side.gif') ?img[0].src.substring(0,img[0].src.lastIndexOf('/')+1)+'down.gif': img[0].src.substring(0,img[0].src.lastIndexOf('/')+1)+'side.gif';
		   node.style.color = (node.style.color == '#1D27F3') ? '#000000' : '#000000';
        }
        if (node.tagName && node.tagName.toLowerCase() == 'div'){
        node.style.display = (node.style.display == 'block') ? 'none' : 'block';
		}
        }
}else{
DWREngine.setAsync(true);
NseerModuleTreeNode.Category(id,tablename,{callback:function(msg){
node.innerHTML=temp+msg;
var nodeArray = node.childNodes;
        for(i=0; i < nodeArray.length; i++)
        {
          node = nodeArray[i];
		  if (node.tagName && node.tagName.toLowerCase() == 'a'){
			  var img=node.getElementsByTagName('IMG');
           img[0].src = img[0].src.substring(0,img[0].src.lastIndexOf('/')+1)+'down.gif'; 
		  node.style.color = (node.style.display == 'block') ? '#000000' : '#000000';
       }
          if (node.tagName && node.tagName.toLowerCase() == 'div'){
            node.style.display = (node.style.display == 'block') ? 'none' : 'block';
       }
		}
}});
DWREngine.setAsync(true);
}}
var nowli;
function changeColor(obj,path){
window.status="powered by nseer erp "
obj.href=path
obj.target="content"
if(nowli!=null)
{	 
nowli.id = "";	
nowli.parentNode.style.background='#ffffff';
var span1=nowli.parentNode.getElementsByTagName('span');
span1[0].style.visibility = "visible";
}
obj.id = "main_cur";
obj.parentNode.style.background='#FFA54A';
var span=obj.parentNode.getElementsByTagName('span');
span[0].style.visibility = "hidden";
nowli = obj;
}
</script>
<body>
<div style="position:absolute;top:0px;left:0px" id="root1">
<div style="height:23px;background-image:url(images/tree/alarm.gif);width:100%;color:#9DD337;text-align:left;border-bottom: #ffffff 2px solid;font-size: 14px;padding:1px 0px 0px 0px;"><span id="flashtitle" style="padding:0px 0px 0px 5px;"></span><span  style="padding:0px 0px 0px 5px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="6" height="10">
 <param name="movie" value="images/green.swf">
 <param name="quality" value="high">
<embed src="images/green.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="6" height="10"></embed>
</object>&nbsp;
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="6" height="10">
<param name="movie" value="images/green.swf">
<param name="quality" value="high">
<embed src="images/green.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="6" height="10"></embed>
</object>&nbsp;
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="6" height="10">
<param name="movie" value="images/green.swf">
<param name="quality" value="high">
<embed src="images/green.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="6" height="10"></embed>
</object>
</span></div>
<div class="root"><a href="javascript:void(0)"  onclick="toggleNode(this.parentNode,'1','crm'); return false;" style="background-image:url(images/tree/l.gif);width:100%;" onfocus="this.blur()"><span style="padding:0px 0px 0px 3px"><img src="images/side.gif" align="absmiddle" style="border: 0;" ></span><span style="padding:0px 0px 0px 8px">客户化设置</span></a></div>
<div class="root"><a href="javascript:void(0)"  onclick="toggleNode(this.parentNode,'25','crm'); return false;" style="background-image:url(images/tree/l.gif);width:100%;" onfocus="this.blur()"><span style="padding:0px 0px 0px 3px"><img src="images/side.gif" align="absmiddle" style="border: 0;" ></span><span style="padding:0px 0px 0px 8px">客户档案管理</span></a></div>
<div class="root"><a href="javascript:void(0)"  onclick="toggleNode(this.parentNode,'34','crm'); return false;" style="background-image:url(images/tree/l.gif);width:100%;" onfocus="this.blur()"><span style="padding:0px 0px 0px 3px"><img src="images/side.gif" align="absmiddle" style="border: 0;" ></span><span style="padding:0px 0px 0px 8px">客户报价管理</span></a></div>
<div class="root"><a href="javascript:void(0)"  onclick="toggleNode(this.parentNode,'40','crm'); return false;" style="background-image:url(images/tree/l.gif);width:100%;" onfocus="this.blur()"><span style="padding:0px 0px 0px 3px"><img src="images/side.gif" align="absmiddle" style="border: 0;" ></span><span style="padding:0px 0px 0px 8px">客户联络管理</span></a></div>
<div class="root"><a href="javascript:void(0)"  onclick="toggleNode(this.parentNode,'47','crm'); return false;" style="background-image:url(images/tree/l.gif);width:100%;" onfocus="this.blur()"><span style="padding:0px 0px 0px 3px"><img src="images/side.gif" align="absmiddle" style="border: 0;" ></span><span style="padding:0px 0px 0px 8px">零售管理</span></a></div>
<div class="root"><a href="javascript:void(0)"  onclick="toggleNode(this.parentNode,'52','crm'); return false;" style="background-image:url(images/tree/l.gif);width:100%;" onfocus="this.blur()"><span style="padding:0px 0px 0px 3px"><img src="images/side.gif" align="absmiddle" style="border: 0;" ></span><span style="padding:0px 0px 0px 8px">销售人员管理</span></a></div>
<div class="root"><a href="javascript:void(0)"  onclick="toggleNode(this.parentNode,'55','crm'); return false;" style="background-image:url(images/tree/l.gif);width:100%;" onfocus="this.blur()"><span style="padding:0px 0px 0px 3px"><img src="images/side.gif" align="absmiddle" style="border: 0;" ></span><span style="padding:0px 0px 0px 8px">销售日志管理</span></a></div>
<div class="root"><a href="javascript:void(0)"  onclick="toggleNode(this.parentNode,'58','crm'); return false;" style="background-image:url(images/tree/l.gif);width:100%;" onfocus="this.blur()"><span style="padding:0px 0px 0px 3px"><img src="images/side.gif" align="absmiddle" style="border: 0;" ></span><span style="padding:0px 0px 0px 8px">订单销售管理</span></a></div>
<div class="root"><a href="javascript:void(0)"  onclick="toggleNode(this.parentNode,'62','crm'); return false;" style="background-image:url(images/tree/l.gif);width:100%;" onfocus="this.blur()"><span style="padding:0px 0px 0px 3px"><img src="images/side.gif" align="absmiddle" style="border: 0;" ></span><span style="padding:0px 0px 0px 8px">赊货管理</span></a></div>
<div class="root"><a href="javascript:void(0)"  onclick="toggleNode(this.parentNode,'67','crm'); return false;" style="background-image:url(images/tree/l.gif);width:100%;" onfocus="this.blur()"><span style="padding:0px 0px 0px 3px"><img src="images/side.gif" align="absmiddle" style="border: 0;" ></span><span style="padding:0px 0px 0px 8px">客户发票管理</span></a></div>
<div class="root"><a href="javascript:void(0)"  onclick="toggleNode(this.parentNode,'71','crm'); return false;" style="background-image:url(images/tree/l.gif);width:100%;" onfocus="this.blur()"><span style="padding:0px 0px 0px 3px"><img src="images/side.gif" align="absmiddle" style="border: 0;" ></span><span style="padding:0px 0px 0px 8px">客户分析</span></a></div>
<div class="root"><a href="javascript:void(0)"  onclick="toggleNode(this.parentNode,'74','crm'); return false;" style="background-image:url(images/tree/l.gif);width:100%;" onfocus="this.blur()"><span style="padding:0px 0px 0px 3px"><img src="images/side.gif" align="absmiddle" style="border: 0;" ></span><span style="padding:0px 0px 0px 8px">销售业绩管理</span></a></div>
<div class="root"><a href="javascript:void(0)"  onclick="toggleNode(this.parentNode,'77','crm'); return false;" style="background-image:url(images/tree/l.gif);width:100%;" onfocus="this.blur()"><span style="padding:0px 0px 0px 3px"><img src="images/side.gif" align="absmiddle" style="border: 0;" ></span><span style="padding:0px 0px 0px 8px">报警督办管理</span></a></div>
<div class="root"><a href="javascript:void(0)"  onclick="toggleNode(this.parentNode,'81','crm'); return false;" style="background-image:url(images/tree/l.gif);width:100%;" onfocus="this.blur()"><span style="padding:0px 0px 0px 3px"><img src="images/side.gif" align="absmiddle" style="border: 0;" ></span><span style="padding:0px 0px 0px 8px">标准数据报表</span></a></div>
<div style="background:#DDEAF6;width:100%"><span style="padding:0px 0px 0px 3px"><img src="images/bean.JPG" align="absmiddle" style="border: 0;" ></span><span style="padding:0px 0px 0px 8px"></span><A HREF="" target="content" onclick="changeColor(this)" onfocus="this.blur()"> <A HREF="http://www.nseer.com" target="content" style="color:#C25C0A">powered by nseer erp </A></div>
</div>
</body>
<script>
window.onload=function (){
window.status="powered by nseer erp "
document.getElementById('root1').style.width=document.body.clientWidth+'px';
}
window.onresize=function (){
document.getElementById('root1').style.width=document.body.clientWidth+'px';
}
</script>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -