此段代码运行需要两张图片：a.gif和b.gif。
my.xml
以下内容为程序代码:
| <?xml version="1.0" encoding="GB2312"?> <?xml-stylesheet type="text/xsl" href="mystyle.xsl"?> <Books> <Book ID="a001"> <Name>网络指南</Name> <Photo>a.gif</Photo> <Homepage>http://www.a.com</Homepage> </Book> <Book ID="a002"> <Name>局域网技术</Name> <Photo>b.gif</Photo> <Homepage>http://www.b.com</Homepage> </Book> </Books> |
mystyle.xsl
以下内容为程序代码:
| <?xml version="1.0" encoding="GB2312"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:template match="Books/Book"> <xsl:element name="a"> <xsl:attribute name="href"> <xsl:value-of select="./Homepage"/> </xsl:attribute> <xsl:element name="img"> <xsl:attribute name="src"> <xsl:value-of select="./Photo"/> </xsl:attribute> </xsl:element> </xsl:element> <br/> </xsl:template> </xsl:stylesheet> |
在浏览器上的显示结果：
竖向平列显示两个图片。
说明：
使用超链接，需要借助<xsl:element>和<xsl:attribute>两个标签，基本使用方法就可以参照上边的例子，在深奥一点的，如果你想出来了，记得要和大家分享哟。
长见识，嘿嘿，这个可是真是第一次看见。
{Homepage}
<xsl:value-of select="Homepage"/>
两个在任何时候都是等价的吧？
你上边的代码和我原来的效果有点小差别，我帮你完善一下：
| mystyle.xsl <?xml version="1.0" encoding="GB2312"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:template match="Books/Book"> <a href="{Homepage}"> <img src="{Photo}"/> </a> </xsl:template> </xsl:stylesheet> |
