六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

用XSLT簡單完成樹形折疊導航欄(2)

[摘要]我引用花園的TOC,一是讓大家能有個初步印象,等文章完成后, 把幾個文件C&P加上幾個圖片, 在IE5以上的機器上象打開一個html文件一樣打開navi.xml后,就會出現跟花園很類似的TOC了;二是希望大家根據它的層次結構來分析我的xml文件, 因為除頂層外, 我的層次安排和花園是一樣的...
我引用花園的TOC,一是讓大家能有個初步印象,等文章完成后, 把幾個文件C&P加上幾個圖片, 在IE5以上的機器上象打開一個html文件一樣打開navi.xml后,就會出現跟花園很類似的TOC了;二是希望大家根據它的層次結構來分析我的xml文件, 因為除頂層外, 我的層次安排和花園是一樣的。 我來解釋一下:Layer相同表示元素處在同一層次即兄弟關系, Childs的值表示該元素是否有子結點, 父子之間用AncestorID和ID聯系, 依次類推可以擴充至無限次深。 在xsl文件中根據Layer的值用padding-left屬性來實現樹形,根據Layer的值用display:none或block來實現折疊。 原理即此, 好,來看看這個關鍵的Navigator.xsl: <?xml version="1.0" encoding="gb2312" ?>
<HTML>
<HEAD>
<TITLE>XSLT樹形導航欄</TITLE>
<LINK rel="stylesheet" type="text/css" href="navigator.css"/>
<SCRIPT src="toggle.js"></SCRIPT>
</HEAD>
<BODY>

<DIV xmlns:xsl="http://www.w3.org/TR/WD-xsl" >
<TABLE>
<TR>
<TD><DIV noWrap="true" STYLE="padding-left:0em;">有座花園分類目錄</DIV></TD>
</TR>
<xsl:for-each select="Navigation/Navigator">
<TR>
<xsl:attribute name="TITLE"><xsl:value-of select="@Title" /></xsl:attribute>
<xsl:attribute name="Class">Navigator<xsl:if test="@Layer[.>0]">-Hidden</xsl:if></xsl:attribute>
<xsl:attribute name="ID"><xsl:value-of select="@ID"/></xsl:attribute>
<xsl:attribute name="AncestorID"><xsl:value-of select="@AncestorID"/></xsl:attribute>
<xsl:attribute name="Depth"><xsl:value-of select="@Layer"/></xsl:attribute>
<xsl:if test="@Childs[.>0]">
<xsl:attribute name="Expanded">no</xsl:attribute>
</xsl:if>
<TD STYLE="cursor:hand">
<DIV noWrap="true"><xsl:attribute name="STYLE">padding-left:<xsl:value-of select="@Layer"/>em;</xsl:attribute>
<xsl:choose>
<xsl:when test="@Childs[.>0]"><IMG src="http://edu.chinaz.com/Get/Program/Xml/images/bs.gif"></IMG></xsl:when>
<xsl:otherwise><IMG><xsl:attribute name="src"><xsl:value-of select="@Image" /></xsl:attribute></IMG></xsl:otherwise>
</xsl:choose>
<A><xsl:if test="@Childs[.>0]"><xsl:attribute name="onclick">toggle('<xsl:value-of select="@ID" />')</xsl:attribute></xsl:if><xsl:attribute name="href"><xsl:value-of select="@Url" /></xsl:attribute><xsl:value-of select="@Title" /></A></DIV></TD>
</TR>
</xsl:for-each>
</TABLE>
</DIV>
</BODY>
</HTML>





主站蜘蛛池模板: 欧美午夜在线观看 | 欧美亚洲综合视频 | 日韩激情淫片免费看 | 中文天堂在线最新2022更新 | 青青青青手机在线观看 | 天天躁天天弄天天爱 | 日韩欧美中文字幕在线视频 | 色综合色狠狠天天综合色hd | 全免费a级毛片免费看不卡 全黄一级片 | 日本综合在线观看 | 亚洲五月综合网色九月色 | 天天爱添天天爱添天天爱添 | 中文字幕成人 | 日日爱影视 | 天天射天天怕 | 天天好b| 色人久久 | 色综合久久婷婷天天 | 一级黄色片免费播放 | 亚洲精品成人a | 亚洲第一页国产 | 日韩久久综合 | 青青草国产在线视频 | 午夜爱爱免费视频 | 一级毛片免费高清视频 | 五福影院凹凸一区二区 | 青娱乐综合 | 青青青视频在线播放视频 | 中文字幕一区波多野结衣 | 天天草综合网 | 一级女性全黄久久生活片免费 | 四虎国产精品永久地址51 | 日本一二区在线观看 | 午夜欧美精品 | 三级理论在线 | 无间在线免费看 | 日韩成人免费在线视频 | 色羞羞 | 天天综合网天天综合色不卡 | 一二三四免费观看高清动漫视频 | 日韩毛片免费线上观看 |