用xml+xslt实现表格背景色按行交替设置-网站制作技术

栏目列表

您现在的位置是：首页>>教师>>计算机技术>>网站制作技术>>文章内容

用xml+xslt实现表格背景色按行交替设置

发布时间：2008-11-20 点击：来源：本站原创录入者：佚名

在网络上经常可以看到背景色按行交替设置的表格，比较美观。但未必需要什么高深的服务器技术，用简单的xsl+xml照样能很好的实现他们。

比如，我们有这么一个记录网址的xml文档：

<?xml version="1.0" encoding="utf-8" ?>

<?xml-stylesheet type="text/xsl" href="XSLTFileLlink.xsl" ?>

<items>

</roomitem>

<text>yahoo</text>

</roomitem>

<text>google</text>

</roomitem>

<text>html简易教程</text>

</studyitem>

<text>javascript中文简介</text>

</studyitem>

<text>msdn中文站点</text>

</studyitem>

<text>Microsoft .Net 框架 SDK 快速入门教程</text>

</studyitem>

</items>

现在，我希望按照其分类，把他表现成两个颜色按行交替的表格。如下图所示：

Xsl可以如此写出，

<?xml version="1.0" encoding="utf-8"?>

<xsl:stylesheet version="1.0"

xmlns:xsl="http://{域名已经过期}/1999/XSL/Transform">

<xsl:template match="/">

<html>

<body>

<!--

This is an XSLT template file. Fill in this area with the

XSL elements which will transform your XML to XHTML.

-->

<h1>XSLT应用测试</h1>

<hr />

</tr>

<xsl:for-each select="items/roomitem">

<xsl:choose>

<xsl:when test="(position() mod 2) = 0">

<td>

<xsl:value-of select="text" />

</td>

<td>

<xsl:value-of select="link" />

</td>

</tr>

</xsl:when>

<xsl:otherwise>

<tr>

<td>

<xsl:value-of select="text" />

</td>

<td>

<xsl:value-of select="link" />

</td>

</tr>

</xsl:otherwise>

</xsl:choose>

</xsl:for-each>

</table>

<br />

</tr>

<xsl:for-each select="items/studyitem">

<xsl:choose>

<xsl:when test="(position() mod 2) = 0">

<td>

<xsl:value-of select="text" />

</td>

<td>

<xsl:value-of select="link" />

</td>

</tr>

</xsl:when>

<xsl:otherwise>

<tr>

<td>

<xsl:value-of select="text" />

</td>

<td>

<xsl:value-of select="link" />

</td>

</tr>

</xsl:otherwise>

</xsl:choose>

</xsl:for-each>

</table>

</body>

</html>

</xsl:template>

</xsl:stylesheet>

附件：

关闭窗口

打印文档

账号登录




保持登录	忘记密码？
账号与武进教师培训平台同步