给图像超加入链接

作者：学建站 文章来源：不详 点击数： 更新时间：2008-7-15 11:31:32

给图像超加入链接

    此段代码运行需要两张图片：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>