XSL学习心得 - 制作图像超链接
这是我今天学习的时候碰到的另一个问题,做图像超链接要把链接地址放到<a>的href属性中去,可是这就是在标签中套标签,是不可以的,查了《Web编程实做教程》,才知道准确的解决方案,现在与大家分享。
此段代码运行需要两张图片: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="\\' target=_blank>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"/> 两个在任何时候都是等价的吧?
你上边的代码和我原来的效果有点小差别,我帮你完善一下:
返回类别: 教程 上一教程: XML“走进”数据库 下一教程: 让J2SE1.5从 XML 中装载属性
您可以阅读与"XSL学习心得 - 制作图像超链接"相关的教程: · XSL学习心得 - 调用属性值 · XSL、XML教程-DVBBS皮肤制作最基本的语法 · 实战DREAMWEAVER MX技巧之超链接 · XSL中实现HTML的表格自动换行 · XSL中利用xsl:for-each时给每一项添加序号
|