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

明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

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

發(fā)表時間：2024-06-13 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]我引用花園的TOC，一是讓大家能有個初步印象，等文章完成后， 把幾個文件C&P加上幾個圖片， 在IE5以上的機器上象打開一個html文件一樣打開navi.xml后，就會出現(xiàn)跟花園很類似的TOC了；二是希望大家根據(jù)它的層次結(jié)構(gòu)來分析我的xml文件， 因為除頂層外， 我的層次安排和花園是一樣的...
我引用花園的TOC，一是讓大家能有個初步印象，等文章完成后， 把幾個文件C&P加上幾個圖片， 在IE5以上的機器上象打開一個html文件一樣打開navi.xml后，就會出現(xiàn)跟花園很類似的TOC了；二是希望大家根據(jù)它的層次結(jié)構(gòu)來分析我的xml文件， 因為除頂層外， 我的層次安排和花園是一樣的。 我來解釋一下：Layer相同表示元素處在同一層次即兄弟關(guān)系， Childs的值表示該元素是否有子結(jié)點， 父子之間用AncestorID和ID聯(lián)系， 依次類推可以擴(kuò)充至無限次深。 在xsl文件中根據(jù)Layer的值用padding-left屬性來實現(xiàn)樹形，根據(jù)Layer的值用display：none或block來實現(xiàn)折疊。 原理即此， 好，來看看這個關(guān)鍵的Navigator.xsl: <?xml version="1.0" encoding="gb2312" ?>
<HTML>
<HEAD>
<TITLE>XSLT樹形導(dǎo)航欄</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>





主站蜘蛛池模板： 色欧美亚洲 | 在线免费观看h视频 | 色爱区综合激情五月综合激情 | 天堂18 | 日本高清色www | 色综合中文字幕色综合激情 | 伊人精品视频 | 天天天操天天天干 | 亚洲高清在线看 | 欧美午夜视频 | 四虎永久精品免费观看 | 在线视频a | 日韩特黄特色大片免费视频 | 人人狠狠综合久久亚洲 | 色成人综合网 | 亚洲 欧美 中文 日韩欧美 | 青青青青手机在线观看 | 亚洲综合色播 | 日韩一级免费毛片 | 欧美一级久久久久久久大片 | 日日日日干| 日韩a一级欧美一级在线播放 | 午夜老司机永久免费看片 | 欧美在线一级视频 | 青草影院在线观看 | 亚欧精品一区二区三区 | 日本在线免费看 | 色yeye在线观视频 | 亚洲精品日韩专区在线观看 | 欧美一区二区三区激情啪啪 | 午夜桃花 | 色欧美亚洲 | 羞羞影院男女午夜爽爽影视 | 啪啪网站视频 | 日本亚洲天堂网 | 亚洲大片免费观看 | 青青青青手机在线视频观看国产 | 天天草夜夜 | 欧洲乱码专区一区二区三区四区 | 亚洲国产高清视频在线观看 | 天天摸天天操 |