<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet href="XSLTFile1.xslt" type="text/xsl"?>
<Count>
<users>
<name>胡杨</name>
<sex>男</sex>
<age>25</age>
<img>rszn-01.gif</img>
</users>
<users>
<name>胡杨</name>
<sex>男</sex>
<age>25</age>
<img>rszn-01.gif</img>
</users>
<users>
<name>胡杨</name>
<sex>男</sex>
<age>25</age>
<img>rszn-01.gif</img>
</users>
<users>
<name>胡杨</name>
<sex>男</sex>
<age>25</age>
<img>rszn-01.gif</img>
</users>
<users>
<name>胡杨</name>
<sex>男</sex>
<age>25</age>
<img>rszn-01.gif</img>
</users>
<users>
<name>胡杨</name>
<sex>男</sex>
<age>25</age>
<img>rszn-01.gif</img>
</users>
<users>
<name>胡杨</name>
<sex>男</sex>
<age>25</age>
<img>rszn-01.gif</img>
</users>
</Count>
<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<head>
<title>
这个是xml + xsl 测试页面
</title>
<style type="text/css">
ul{list-style:none;}
ul li{list-style:none;font-size:15px;}
</style>
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript" src="Scripts/jquery.lazyload.js"></script>
<script type="text/javascript">
jQuery(document).ready(
function($){
$("img").lazyload({
placeholder : "fill.gif",
effect : "fadeIn"
});
});
function dd(an)
{
var divid ="div"+ document.getElementById(an.id).id;
var divobject = document.getElementById(divid);
document.body.removeChild(divobject);
}
</script>
</head>
<body>
<xsl:choose>
<xsl:when test="Count/users">
<xsl:for-each select="Count/users">
<div>
<xsl:choose>
<xsl:when test="position() mod 2=1">
<xsl:attribute name="style">border:1px solid #00FFFF</xsl:attribute>
</xsl:when>
<xsl:otherwise>
<xsl:attribute name="style">border:1px solid #B22222</xsl:attribute>
</xsl:otherwise>
</xsl:choose>
<xsl:attribute name="id">div<xsl:number value="position()" format="1"/>
</xsl:attribute>
<ul>
<li>
序号:<xsl:number value="position()" format="1"/>
</li>
<li>
姓名:<xsl:value-of select="name"/>
</li>
<li>
性别:<xsl:value-of select="sex"/>
</li>
<li>
年龄:<xsl:value-of select="age"/>
</li>
<li>
<img>
<xsl:attribute name="src">
<xsl:value-of select="img"/>
</xsl:attribute>
</img>
</li>
</ul>
<hr />
<xsl:element name="input">
<xsl:attribute name="type">button</xsl:attribute>
<xsl:attribute name="onclick">dd(this)</xsl:attribute>
<xsl:attribute name="value">这个是按钮</xsl:attribute>
<xsl:attribute name="id">
<xsl:number value="position()" format="1"/>
</xsl:attribute>
</xsl:element>
</div>
</xsl:for-each>
</xsl:when>
<xsl:otherwise>
<div style="border:1px solid red">此栏目无信息</div>
</xsl:otherwise>
</xsl:choose>
</body>
</html>
</xsl:template>
</xsl:stylesheet>