给图像超加入链接

来源：pcdog 作者：佚名 出处：巧巧读书 2008-03-31 进入讨论组

• 关 键 词：
• 局域网

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

进入讨论组讨论。

【收藏此文】【大 中 小】【打印】【关闭】

较早的文章：XPath语法

较新的文章：XML在Web中的应用