精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>编程开发>>● ASP>>VBScript & JavaScript>>目录树的例子

主题:目录树的例子
发信人: nightcat()
整理人: i_am_trueman(2003-10-22 16:31:05), 站内信件
这里有一个目录树的例子,注意,可能仅对IE4以上版本的浏览器有效。

<html>

<head>
<meta NAME="DESCRIPTION"
CONTENT="Microsoft Visual Studio (Chinese)-- Chinese infomation about
Microsoft Visual Studio.">
<meta NAME="MS.LOCALE" CONTENT="ZH-CN">
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-ir-58"
>
<style>
<!--
A:link {text-decoration: none;}
.105V {font-size: 10.5pt; font-family: 宋体;}
.90V {font-size: 9pt; font-family: 宋体;}
.90VE {font-size: 9pt; font-family: arial;}
A:hover {color:red;}
A.bb {text-decoration: underline;}

-->
</style>
<title>Microsoft Visual Studio</title>
</head>

<body BGCOLOR="#FFFFFF" TEXT="#000000" ALINK="#003399" LINK="#003399"
VLINK="#003399"
topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<script lanuage="JScript">
function turnit(ss,ii,aa)
{

 if (ss.style.display=="none") 
  {ss.style.display="";
   aa.style.display="";
   ii.src="../images/minus.gif";
}

 else
  {ss.style.display="none"; 
   aa.style.display="none";
   ii.src="../images/plus.gif";}
}
</script>
<div align=center><center>
<h1>目录树示例<h1>
<table border="0" aligh=center>
      <tr>
        <td width="14" style=" cursor:'hand';" language="JScript"
onmouseup="turnit(Content1,Img1,Aux1);"><p align="right"><img
src="../images/plus.gif" ID="Img1"
width="9" height="9"></td>
        <td ID="item1" language="JScript" onmouseup="turnit(Content1,I
mg1,Aux1);"
style=" cursor:'hand';"><font face="宋体" size="2" class="90v"
color="#000000"><strong><span
class="90V">产品信息</span></strong></td>
      </tr>
      <tr>
        <td width="14" ID="Aux1" STYLE="Display:'none';"></td>
        <td ID="Content1" STYLE="Display:'none';"><table border="0" wi
dth="100%">
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/Prodinfo/def
ault.htm" class="bb"><font
face="宋体" size="2" class="90V">概论</td>
          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/Prodinfo/new
.htm" class="bb"><font
face="宋体" size="2" class="90v">新特性</td>
          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/Prodinfo/dat
asheet/default.htm" class="bb"><font
face="宋体" size="2" class="90V">数据表</td>
          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/Prodinfo/eva
luation/default.htm" class="bb"><font
face="宋体" size="2" class="90V">评估指南</td>

          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/Prodinfo/mul
timedia/default.htm" class="bb"><font
face="宋体" size="2" class="90V">多媒体演示</td
>
          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/Prodinfo/cas
estudies/default.htm" class="bb"><font
face="宋体" size="2" class="90V">成功案例</td>

          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/Prodinfo/qa.
htm" class="bb"><font
face="宋体" size="2" class="90V">常见问题</td>

          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/Prodinfo/pre
vious/default.htm" class="bb"><font
face="宋体" size="2" class="90V">早期版本</td>

          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/Prodinfo/pur
chase/Pricing.htm" class="bb"><font
face="宋体" size="2" class="90V">价格</td>
          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/Prodinfo/pur
chase/default.htm" class="bb"><font
face="宋体" size="2" class="90V">购买</td>
          </tr>
        </table>
        </td>
      </tr>
      <tr>
        <td width="14" STYLE="cursor:'hand';" language="JScript"
onmouseup="turnit(Content2,Img2,Aux2);"><p align="right"><img
src="../images/plus.gif" ID="Img2"
width="9" height="9"></td>
        <td ID="item2" language="JScript" onmouseup="turnit(Content2,I
mg2,Aux2);"
style=" cursor:'hand';"><font face="宋体" size="2" class="90v"
color="#000000"><span
class="90V"><strong>技术资源</strong></span></td>
      </tr>
      <tr>
        <td width="14" ID="Aux2" STYLE="Display:'none';"></td>
        <td ID="Content2" STYLE="Display:'none';"><table border="0" wi
dth="100%">
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/technical/de
fault.htm" class="bb"><font
face="宋体" size="2" class="90v">概论</td>
          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/technical/te
chfaq.htm" class="bb"><font
face="宋体" size="2" class="90v">技术问答</td>

          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/technical/ar
ticles.htm" class="bb"><font
face="宋体" size="2" class="90v">技术论文</td>

          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/technical/tr
aining.htm" class="bb"><font
face="宋体" size="2" class="90v">指南</td>
          </tr>
          <tr>
            <td width="100%"><a
href="http://msdn.microsoft.com/isapi/goprem.asp?TARGET=/m
sdn/tips/?FinishURL=/msdn/tips/"
class="bb"><font face="宋体" size="2" class="90v">技巧与诀
窍</td>
          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/technical/Do
cumentation.htm" class="bb"><font
face="宋体" size="2" class="90v">产品文档</td>

          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/technical/su
pport.htm" class="bb"><font
face="宋体" size="2" class="90v">产品支持</td>

          </tr>
        </table>
        </td>
      </tr>
      <tr>
        <td width="14" STYLE="cursor:'hand';" language="JScript"
onmouseup="turnit(Content3,Img3,Aux3);"><p align="right"><img
src="../images/plus.gif" ID="Img3"
width="9" height="9"></td>
        <td ID="item3" language="JScript" onmouseup="turnit(Content3,I
mg3,Aux3);"
style=" cursor:'hand';"><font face="宋体" size="2" class="90v"
color="#000000"><span
class="90V"><strong>示例与下载</strong></span></td>
      </tr>
      <tr>
        <td width="14" ID="Aux3" STYLE="Display:'none';"></td>
        <td ID="Content3" STYLE="Display:'none';"><table border="0" wi
dth="100%">
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/downloads/de
fault.htm" class="bb"><font
face="宋体" size="2" class="90v">概论</td>
          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/downloads/so
lutions.htm" class="bb"><font
face="宋体" size="2" class="90v">解决方案中心</
td>
          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/downloads/sa
mples.htm" class="bb"><font
face="宋体" size="2" class="90v">代码示例</td>

          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/downloads/up
dates.htm" class="bb"><font
face="宋体" size="2" class="90v">产品更新</td>

          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/downloads/ad
don.htm" class="bb"><font
face="宋体" size="2" class="90v">附件与组件</td
>
          </tr>
        </table>
        </td>
      </tr>
      <tr>
        <td width="14" STYLE="cursor:'hand';" language="JScript"
onmouseup="turnit(Content4,Img4,Aux4);"><p align="right"><img
src="../images/plus.gif" ID="Img4"
width="9" height="9"></td>
        <td ID="item4" language="JScript" onmouseup="turnit(Content4,I
mg4,Aux4);"
style=" cursor:'hand';"><font face="宋体" size="2" class="90v"
color="#000000"><span
class="90V"><strong>开发团体</strong></span></td>
      </tr>
      <tr>
        <td width="14" ID="Aux4" STYLE="Display:'none';"></td>
        <td ID="Content4" STYLE="Display:'none';"><table border="0" wi
dth="100%">
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/community/de
fault.htm" class="bb"><font
face="宋体" size="2" class="90v">概论</td>
          </tr>
          <tr>
            <td width="100%"><a href="http://msdn.microsoft.com/develo
per/" class="bb"><font
face="宋体" size="2" class="90v">MSDN</td>
          </tr>
          <tr>
            <td width="100%"><a href="/china/developer/" class="bb"><f
ont face="宋体" size="2"
class="90v">事件</td>
          </tr>
          <tr>
            <td width="100%"><a href="/china/training/" class="bb"><fo
nt face="宋体" size="2"
class="90v">培训</td>
          </tr>
          <tr>
            <td width="100%"><a href="http://msdn.microsoft.com/develo
per/bookmag/" class="bb"><font
face="宋体" size="2" class="90v">图书与杂志</td
>
          </tr>
          <tr>
            <td width="100%"><a href="http://msdn.microsoft.com/develo
per/usergroup/" class="bb"><font
face="宋体" size="2" class="90v">用户组</td>
          </tr>
          <tr>
            <td width="100%"><a href="http://msdn.microsoft.com/develo
per/newsgroups/newsgroups.htm"
class="bb"><font face="宋体" size="2" class="90v">新闻组</
font></td>
          </tr>
          <tr>
            <td width="100%"><a href="http://msdn.microsoft.com/develo
per/related/default.htm"
class="bb"><font face="宋体" size="2" class="90v">第三方站
点</td>
          </tr>
          <tr>
            <td width="100%"><a href="http://www.zebrahill.com/vs" cla
ss="bb"><font face="宋体"
size="2" class="90v">Visual Studio 徽标店</td>

          </tr>
        </table>
        </td>
      </tr>
      <tr>
        <td width="14" STYLE="cursor:'hand';" language="JScript"
onmouseup="turnit(Content5,Img5,Aux5);"><p align="right"><img
src="../images/plus.gif" ID="Img5"
width="9" height="9"></td>
        <td ID="item5" language="JScript" onmouseup="turnit(Content5,I
mg5,Aux5);"
style=" cursor:'hand';"><font face="宋体" size="2" class="90v"
color="#000000"><span
class="90V"><strong>新闻与评论</strong></span></td>
      </tr>
      <tr>
        <td width="14" ID="Aux5" STYLE="Display:'none';"></td>
        <td ID="Content5" STYLE="Display:'none';"><table border="0" wi
dth="100%">
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/news/default
.htm" class="bb"><font
face="宋体" size="2" class="90v">概论</td>
          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/news/release
s.htm" class="bb"><font
face="宋体" size="2" class="90v">新闻发布</td>

          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/news/article
s.htm" class="bb"><font
face="宋体" size="2" class="90v">新闻</td>
          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/news/reviews
.htm" class="bb"><font
face="宋体" size="2" class="90v">评价</td>
          </tr>
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/news/awards.
htm" class="bb"><font
face="宋体" size="2" class="90v">获奖</td>
          </tr>
        </table>
        </td>
      </tr>
      <tr>
        <td width="14" STYLE="cursor:'hand';" language="JScript"
onmouseup="turnit(Content6,Img6,Aux6);"><p align="right"><img
src="../images/plus.gif" ID="Img6"
width="9" height="9"></td>
        <td ID="item6" language="JScript" onmouseup="turnit(Content6,I
mg6,Aux6);"
style=" cursor:'hand';"><font face="宋体" size="2" class="90v"
color="#000000"><span
class="90V"><strong>学术版许可</strong></span></td>
      </tr>
      <tr>
        <td width="14" ID="Aux6" STYLE="Display:'none';"></td>
        <td ID="Content6" STYLE="Display:'none';"><table border="0" wi
dth="100%">
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/academic/def
ault.htm" class="bb"><font
face="宋体" size="2" class="90v">学术版许可</td
>
          </tr>
        </table>
        </td>
      </tr>
      <tr>
        <td width="14" STYLE="cursor:'hand';" language="JScript"
onmouseup="turnit(Content9,Img9,Aux9);"><p align="right"><img
src="../images/plus.gif" ID="Img9"
width="9" height="9"></td>
        <td ID="item9" language="JScript" onmouseup="turnit(Content9,I
mg9,Aux9);"
style=" cursor:'hand';"><font face="宋体" size="2" class="90v"
color="#000000"><span
class="90V"><strong>Alpha版</strong></span></td>
      </tr>
      <tr>
        <td width="14" ID="Aux9" STYLE="Display:'none';"></td>
        <td ID="Content9" STYLE="Display:'none';"><table border="0" wi
dth="100%">
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/alpha/defaul
t.htm" class="bb"><font
face="宋体" size="2" class="90v">Alpha版</td>
          </tr>
        </table>
        </td>
      </tr>
      <tr>
        <td width="14" STYLE="cursor:'hand';" language="JScript"
onmouseup="turnit(Content7,Img7,Aux7);"><p align="right"><img
src="../images/plus.gif" ID="Img7"
width="9" height="9"></td>
        <td ID="item7" language="JScript" onmouseup="turnit(Content7,I
mg7,Aux7);"
style=" cursor:'hand';"><font face="宋体" size="2" class="90v"
color="#000000"><span
class="90V"><strong>注册</strong></span></td>
      </tr>
      <tr>
        <td width="14" ID="Aux7" STYLE="Display:'none';"></td>
        <td ID="Content7" STYLE="filter:revealTrans(Duration=3.3, Tran
sition=12);Display:'none'; "><table
border="0" width="100%">
          <tr>
            <td width="100%"><a href="/china/msdn/vstudio/register/def
ault.htm" class="bb"><font
face="宋体" size="2" class="90v">注册</td>
          </tr>
        </table>
        </td>
      </tr>
      <tr>
        <td width="14" STYLE="cursor:'hand';" language="JScript"
onmouseup="turnit(Content8,Img8,Aux8);"><p align="right"><img
src="../images/plus.gif" ID="Img8"
width="9" height="9"></td>
        <td ID="item8" language="JScript" onmouseup="turnit(Content8,I
mg8,Aux8);"
style=" cursor:'hand';"><font face="宋体" size="2" class="90v"
color="#000000"><span
class="90V"><strong>站点地图</strong></span></td>
      </tr>
      <tr>
        <td width="14" ID="Aux8" STYLE="Display:'none';"></td>
        <td ID="Content8" STYLE="Display:'none';"><a
href="/china/msdn/vstudio/sitemap/default.htm" class="bb"><fon
t face="宋体" size="2"
class="90v">站点地图</td>
      </tr>
    </table>
</div>
</center>
</body>
</html>

--
※ 来源:.月光软件站 http://www.moon-soft.com.[FROM: 202.103.124.58]

[关闭][返回]