您现在的位置：星云电脑教程 >> 电脑教程 >> 经验共享 >> 动易专题 >> 正文

动易主页加入栏目树形导航

星云电脑教程文章来源：本站原创作者：星云整理更新时间：2005-2-28 12:42:18 点击数【有问必答】

好几个朋友问我如何在主页加入栏目树形导航栏，今天有空就找了一下并在自己的主页模板中用了这个代码

红色的是主要的代码，你可以看到篮色的代码就是文章栏目的JS栏目导航文件。

<html>
<head>
<title>星云电脑教程电脑基础教程 Photoshop教程 gonet8.com</title>
<meta name="keyWords" content="电脑基础教程,电脑教程，教程，星云，电脑入门,电脑DIY,组建网络,网页制作,平面设计,电脑教程,Photoshop,Fireworks,flash,CorelDRAW,Dreamweaver">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
{$Skin_CSS} {$MenuJS}
<script type='text/javascript' language='javascript1.2' src='/js/stm31.js'></script><script language='javascript' type='text/javascript' src='/js/TreeGuide.js'></script>
<script language='javascript' type='text/javascript'>
//树形导航的JS代码开始
var expandState = 0;
function expand(){
  if(expandState == 0){setPace('master', 0, 10, 10); if(ie){document.menutop.src = '/images/menui.gif'}; expandState = 1;}
  else{setPace('master', -200, 10, 10); if(ie){document.menutop.src='/images/menuo.gif'}; expandState = 0;}
}
document.write("<style type=text/css>#master {LEFT: -200px; POSITION: absolute; TOP: 25px; VISIBILITY: visible; Z-INDEX: 999}</style>")
document.write("<table id=master width='218' border='0' cellspacing='0' cellpadding='0'><tr><td><img border=0 height=6 src=/images/menutop.gif  width=200></td><td rowspan='2' valign='top'><img id=menu onMouseOver=javascript:expand() border=0 height=70 name=menutop src=/images/menuo.gif width=18></td></tr>");
document.write("<tr><td valign='top'><table width='100%' border='0' cellspacing='5' cellpadding='0'><tr><td height='400' valign='top'><table width=100% height='100%' border=1 cellpadding=0 cellspacing=5 bordercolor='#666666' bgcolor=#ecf6f5 style=FILTER: alpha(opacity=90)><tr>");
document.write("<td height='10' align='center' bordercolor='#ecf6f5'><font color=999900><strong>栏目树形导航</strong></font></td></tr><tr><td valign='top' bordercolor='#ecf6f5'>");
document.write("<iframe width='100%' height='100%' src='/Article/ClassTree.asp' frameborder=0></iframe></td></tr></table></td></tr></table></td></tr></table>");
var ie = document.all ? 1 : 0
var ns = document.layers ? 1 : 0
var master = new Object('element')
master.curLeft = -200;   master.curTop = 10;
master.gapLeft = 0;      master.gapTop = 0;
master.timer = null;
if(ie){var sidemenu = document.all.master;}
if(ns){var sidemenu = document.master;}
setInterval('FixY()',100);
</script>

</head>
<body leftmargin=0 topmargin=0 onmousemove='HideMenu()'>
<div id=menuDiv style='Z-INDEX: 1000; VISIBILITY: hidden; WIDTH: 1px; POSITION: absolute; HEIGHT: 1px; BACKGROUND-COLOR: #9cc5f8'></div>

【打印此文】【有问必答】【关闭窗口】