关于deeptree节点之间连接线的问题

这是我的xsl文件，
请教如何让deeptree节点之间有连接线啊？有实例或者演示么？谢谢，<?xml version="1.0"  encoding="gb2312"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">
  <xsl:template match="/">
<xsl:apply-templates />
</xsl:template>
<xsl:template match="/root">
<xsl:apply-templates />
</xsl:template>

<xsl:template match="Style">
<div class="clsItem" type="parent">
<span type="online">

<xsl:choose>
<xsl:when test="Styles">
<span class="clsCollapse" type="img">
          <span class="clsLeaf">
            <img src="../Themes/Images/folder.gif" border="0" width="16" class="clsLeaf" />
          </span>
          </span>
<span class="clsLabel" type="label">
<xsl:attribute name="title"><xsl:value-of select="@n" /></xsl:attribute>
          <xsl:attribute name="recordid"><xsl:value-of select="@r" /></xsl:attribute>
<xsl:value-of select="@n" />
</span>
</xsl:when>
<xsl:when test="Descript">
<span class="clsCollapse"  type="img">
            <span class="clsCollapse">
              <img src="../Themes/Images/P1.gif" border="0" width="16" class="clsLeaf" />
            </span>
          </span>
<span class="clsLabel" type="label">
<xsl:attribute name="title"><xsl:value-of select="@n" /></xsl:attribute>
            <xsl:attribute name="recordid"><xsl:value-of select="@r" />
            </xsl:attribute>
            <xsl:value-of select="@n" />
          </span>
        </xsl:when>
        <xsl:otherwise>
          <span class="clsNoChild" type="img">
            <span class="clsLeaf">
              <img src="../Themes/Images/L1.gif" border="0" width="16" class="clsLeaf" />
            </span>
          </span>
          <span class="clsLabel" type="label">
            <xsl:attribute name="title">
              <xsl:value-of select="@n" />
            </xsl:attribute>            <xsl:attribute name="recordid">
              <xsl:value-of select="@r" />
            </xsl:attribute>
            <xsl:value-of select="@n" />
</span>
</xsl:otherwise>
</xsl:choose>
</span>
<xsl:if test="*">
<div class="hide" type="container">
<xsl:apply-templates select="Styles/Style" />
<xsl:apply-templates select="Descript" />
</div>
</xsl:if>
</div>
</xsl:template>
<xsl:template match="Descript">
<div class="clsItem" type="leaf">
<span type="online">
<span class="clsLeaf"></span>
        <span class="clsLeaf" type="img">
            <span class="clsLeaf">
              <img src="../Themes/Images/L1.gif" border="0" width="16" class="clsLeaf" />
            </span>
          </span>
<span class="clsLabel" type="label">
<xsl:attribute name="title"><xsl:value-of select="@n" /></xsl:attribute>          <xsl:attribute name="recordid">
            <xsl:value-of select="@r" />
          </xsl:attribute>
          <xsl:value-of select="@n" />
</span>

</span>

</div>
</xsl:template>
</xsl:stylesheet>