在做网站的时候,很多客户要求首页的信息要丰富.在这样的要求下,首页的布局就显得丰富重要.现在一般的网站都是由图片或flash与文字组成,当图片的数量很多,而又不能全站放到首页的时候,就需要在固定的地方让图片循环显示.由于我现在做的网站中,信息都是存放在xml文件中,所以使用xslt 来显示信息是一个最好的选择.由于在xslt中加入角本,java编译总是不能通过,所以把角本单独放到一个.js文件中,在xslt中外部引用这个js 文件.
下面是xml文件的大概内容:
<ContentIndex ContentGUID="20060627044900" ConteItemGUID="6a4a6d0e-96d0-47cc-9120-142fee97e59b" ContentItemName="综合新闻">
<Item ItemID="1036886645" ModuleID="6a4a6d0e-96d0-47cc-9120-142fee97e59b">
<ItemPath>/Data/ItemXml/2006-7/6a4a6d0e-96d0-47cc-9120-142fee97e59b/1036886645.xml</ItemPath>
<TITLE>1-2月我省房地产投资资金来源依然紧张 构成发生变化</TITLE>
<SUBTITLE>
</SUBTITLE>
<SUBTYPE>0</SUBTYPE>
<SEQUENCE>0</SEQUENCE>
<CLICKCOUNT>6</CLICKCOUNT>
<AUTHOR>
</AUTHOR>
<MARK>0</MARK>
<MARKDAY>3</MARKDAY>
<TIP>0</TIP>
<PUBLISHSTARTDATE>2006-3-20 00:00:00</PUBLISHSTARTDATE>
<PUBLISHENDDATE>9999-12-31 23:59:59</PUBLISHENDDATE>
<FOREVERPUBLISH>1</FOREVERPUBLISH>
<CREATEDATE>2006-7-7 16:24:22</CREATEDATE>
<CREATEUSERNAME>
</CREATEUSERNAME>
<DEPARTMENTNAME>
</DEPARTMENTNAME>
<SmallImageList>
<Image FileID="8312c370-57f5-4a25-8466-53cb7bc07f6a" ExtName="gif" FileName="ny_xcjy" FilePath="http://localhost/asf//1.gif" />
</SmallImageList>
</Item>
<Item ItemID="1036886646" ModuleID="6a4a6d0e-96d0-47cc-9120-142fee97e59b">
<ItemPath>/Data/ItemXml/2006-7/6a4a6d0e-96d0-47cc-9120-142fee97e59b/1036886646.xml</ItemPath>
<TITLE>1-2月我省工业投资增长平稳</TITLE>
<SUBTITLE>
</SUBTITLE>
<SUBTYPE>0</SUBTYPE>
<SEQUENCE>0</SEQUENCE>
<CLICKCOUNT>0</CLICKCOUNT>
<AUTHOR>
</AUTHOR>
<MARK>0</MARK>
<MARKDAY>3</MARKDAY>
<TIP>0</TIP>
<PUBLISHSTARTDATE>2006-3-20 00:00:00</PUBLISHSTARTDATE>
<PUBLISHENDDATE>9999-12-31 23:59:59</PUBLISHENDDATE>
<FOREVERPUBLISH>1</FOREVERPUBLISH>
<CREATEDATE>2006-7-7 16:24:22</CREATEDATE>
<CREATEUSERNAME>
</CREATEUSERNAME>
<DEPARTMENTNAME>
</DEPARTMENTNAME>
<SmallImageList>
<Image FileID="8312c370-57f5-4a25-8466-53cb7bc07f6a" ExtName="gif" FileName="ny_xcjy" FilePath="http://localhost/asf//2.gif" />
</SmallImageList>
</Item>
<Item ItemID="1036886623" ModuleID="6a4a6d0e-96d0-47cc-9120-142fee97e59b">
<ItemPath>/Data/ItemXml/2006-7/6a4a6d0e-96d0-47cc-9120-142fee97e59b/1036886623.xml</ItemPath>
<TITLE>台州引导工商资本投入农机社会化服务解决农田抛荒问题</TITLE>
<SUBTITLE>
</SUBTITLE>
<SUBTYPE>0</SUBTYPE>
<SEQUENCE>0</SEQUENCE>
<CLICKCOUNT>0</CLICKCOUNT>
<AUTHOR>
</AUTHOR>
<MARK>0</MARK>
<MARKDAY>3</MARKDAY>
<TIP>0</TIP>
<PUBLISHSTARTDATE>2006-3-17 00:00:00</PUBLISHSTARTDATE>
<PUBLISHENDDATE>9999-12-31 23:59:59</PUBLISHENDDATE>
<FOREVERPUBLISH>1</FOREVERPUBLISH>
<CREATEDATE>2006-7-7 16:24:22</CREATEDATE>
<CREATEUSERNAME>
</CREATEUSERNAME>
<DEPARTMENTNAME>
</DEPARTMENTNAME>
<SmallImageList>
<Image FileID="8312c370-57f5-4a25-8466-53cb7bc07f6a" ExtName="gif" FileName="ny_xcjy" FilePath="http://localhost/asf//3.gif" />
</SmallImageList>
</Item>
</ContentIndex>
xslt 文件内容:
<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:user="http://mycompany.com/mynamespace">
<!--参数设置 End-->
<xsl:template match="/">
<xsl:variable name="sCurrDate">
</xsl:variable>
<xsl:variable name="TitleLength">22</xsl:variable>
<xsl:variable name="ListItemNum">7</xsl:variable>
<xsl:variable name="CssPath">./DesktopModules/ContentShow/Skin/Default/Xslt/BoxViewXslt/IntegratedNews.css</xsl:variable>
<xsl:variable name="CssHead">IntegratedNews</xsl:variable>
<xsl:variable name="TitleUrlHead">DesktopDefault.jsp?tabid=f2903f09-44ea-40e2-80f8-3a9de60c0d0e&ID=</xsl:variable>
<xsl:variable name="MoreUrl">DesktopDefault.jsp?tabid=c15da6c1-a667-410b-b517-5fdc017d504c</xsl:variable>
<xsl:variable name="url">DesktopDefault.jsp?tabid=f2903f09-44ea-40e2-80f8-3a9de60c0d0e&ID=</xsl:variable>
<LINK rel="stylesheet" type="text/css" href="{$CssPath}"/>
<table border="0" cellpadding="0" cellspacing="0" width="576" align="center">
<tr>
<td valign="Top" width="100%">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/indexpage/IntegratedNews_Top_BG.gif">
<img src="images/IndexPage/IntegratedNews_TopPic.gif" width="159" height="27" alt="综合新闻" border="0"/>
</td>
<td background="images/indexpage/IntegratedNews_Top_BG.gif" align="right" height="27">
<a href="{$MoreUrl}" class="{$CssHead}_MoreLink">更多>>
</a>
<img src="images/spacer.gif" width="5"/>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<!--中间内容begin-->
<td>
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="225" valign="top" align="center">
<!--左边新闻图片begin-->
<table height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="7px"/>
</tr>
<tr>
<td align="center" valign="middle" height="103px">
<xsl:variable name="FilePath"><xsl:for-each select="ContentIndex/Item/SmallImageList/Image">
<xsl:value-of select="@FilePath"/>,</xsl:for-each></xsl:variable>
<script src="aaa.js" language="javascript">sss</script>
<div id="elady1_divimg" style="position:relative">
<a onMouseOver="elady1_listMsg();return document.returnValue" href="javascript:elady1_linkurl()" target="_self">
<img style="FILTER: revealTrans(duration=2,transition=20)" src="javascript:elady1_nextAd('{$FilePath}')" border="0" name="e_tprotator"/>
</a>
</div>
</td>
</tr>
</table>
<!--左边新闻图片begin-->
</td>
<td valign="top" height="110px" bgcolor="#FFFFFF">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<xsl:for-each select="ContentIndex/Item">
<xsl:sort select="TIP" data-type="number" order="descending"/>
<xsl:sort select="SEQUENCE" data-type="number" order="ascending"/>
<xsl:if test="position() < ($ListItemNum + 1)">
<xsl:variable name="CreateDate">
<xsl:value-of select="CREATEDATE"/>
</xsl:variable>
<xsl:variable name="PublishStartDate">
<xsl:value-of select="PUBLISHSTARTDATE"/>
</xsl:variable>
<xsl:variable name="PublishEndDate">
<xsl:value-of select="PUBLISHENDDATE"/>
</xsl:variable>
<xsl:variable name="Title">
<xsl:value-of select="TITLE"/>
</xsl:variable>
<xsl:variable name="sUrl">
</xsl:variable>
<xsl:if test="string-length(TITLE) > $TitleLength">
<tr>
<td width="15px" align="center" height="25" background="images/indexpage/List_Content_Point.gif">
<img src="images/IndexPage/dian.gif" border="0" align="absmiddle"/>
</td>
<td background="images/indexpage/List_Content_Point.gif">
<a href="{$sUrl}" target="_blank" class="{$CssHead}_TitleLink" Title="{$Title}">
<xsl:value-of select="substring(TITLE,1,($TitleLength - 1))" disable-output-escaping="yes"/>
</a>...
</td>
<td width="50px">
</td>
</tr>
</xsl:if>
<xsl:if test="string-length(TITLE) < $TitleLength+1">
<tr>
<td width="15px" align="center" height="25" background="images/indexpage/List_Content_Point.gif">
<img src="images/IndexPage/dian.gif" border="0" align="absmiddle"/>
</td>
<td background="images/indexpage/List_Content_Point.gif">
<a href="{$sUrl}" target="_blank" class="{$CssHead}_TitleLink" Title="{$Title}">
<xsl:value-of select="substring(TITLE,1,$TitleLength)" disable-output-escaping="yes"/>
</a>
</td>
<td width="50px">
</td>
</tr>
</xsl:if>
</xsl:if>
</xsl:for-each>
</table>
</td>
</tr>
</table>
</td>
<!--中间内容end-->
</tr>
</table>
</td>
</tr>
<tr>
<td height="3"/>
</tr>
</table>
</xsl:template>
</xsl:stylesheet>
js文件内容:
var elady_step=3;
var elady_speed=50;
var e_tp=new Array();
var e_tplink=new Array();
var adNum_elady1=0;
var elady_stop_sh=0;
var elady_star_sh=1;
function elady1_moveImg(){
if ((!document.all&&!document.getElementById)||(elady_stop_sh==0)) return;
if (document.all.elady_star_sh==1){
document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)+elady_step;}
else if (document.all.elady_star_sh==2){
document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)+elady_step;}
else if (document.all.elady_star_sh==3){
document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)-elady_step;}
else{
document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)-elady_step;}
if (elady_star_sh<4) elady_star_sh++;
else elady_star_sh=1;
setTimeout("elady1_moveImg()",elady_speed);}
e_tplink[0]="";
var currentimage=new Array();
for (i=0;i<=3;i++){currentimage[i]=new Image();
currentimage[i].src=e_tp[i];
}
function elady1_set(){ if (document.all)
{ document.all.e_tprotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
document.all.e_tprotator.filters.revealTrans.apply(); }
}
function elady1_playCo()
{ if (document.all) document.all.e_tprotator.filters.revealTrans.play()
}
var filepath;
var filepaths = new Array();
function elady1_nextAd(ab)
{
if(ab!=null)
filepath=ab;
if(adNum_elady1<e_tp.length-1)
adNum_elady1++ ;
else adNum_elady1=0;
elady1_set();
filepaths = filepath.split(",");
for(i=0;i<filepaths.length-1;i++)
{
e_tp[i]=filepaths[i];
}
document.images.e_tprotator.src=e_tp[adNum_elady1];
elady1_playCo();
theTimer=setTimeout("elady1_nextAd()", 4000);}
function elady1_linkurl(){ jumpUrl=e_tplink[adNum_elady1];
jumpTarget='_blank';
if (jumpUrl != '')
{
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function elady1_listMsg()
{ status=e_tplink[adNum_elady1];
document.returnValue = true;}
以上代码经过调试,只要在xml文件中加入引用xslt就可以呈现出来
分享到:
相关推荐
javascript xml xsl xslt javascript xml xsl xslt javascript xml xsl xslt javascript xml xsl xslt
从 XSLT 样式表调用 JavaScript
用XML XSLT CSS JavaScript模式组建网站
用javascript以xslt显示xml_demo
xslt经典教程—网页设计师必备 真正的全面技术文档
利用SVG和XSLT实现统计图表的源代码
利用业余时间做的东东,学习了ajax和xslt,一个利用xslt和ajax实现的树型导航。
xslt中调用java
ASP处理XSLT转换XML的实现 使用ASP处理XSLT转换XML比较简单,思路如下:创建一个XSLTemplate的对象,再创建一个XMLDOM对 象,然后在家Xml文件和XSLT文件,最后使用方法transform即可,包含到类里面,具体代码...
xslt中英文对照教程 xslt中英文对照教程 xslt中英文对照教程 XSLT 是一种用于转换 XML 文档的语言。
xslt手册.chm java实现xslt 简单的 Xalan 扩展函数 - 工程 xslt知识点速查手册.doc 2 Javascript XSLT 处理XML文件(IE and Firefox).doc Saxon 剖析 XSLT 处理器.doc
XML笔记+XSLT中文入门 XML笔记+XSLT中文入门XML笔记+XSLT中文入门 XML笔记+XSLT中文入门
由于本人不喜欢(其实不会)用JSP来写东西,一堆乱七八糟的东西看了就不爽。于是就研究使用Struts2的XSLT result方式来做页面显示。 网上相关的内容非常的少,我也研究了好久才玩转的。一开始总是有一些莫名其妙的...
微软JavaScript手册js.chm CSS中文完全参考手册.chm Xslt语法参考手册
示例描述:介绍JavaScript与Microsoft Office互操作的方法。 14.1.html 使用JavaScript向Word中写入内容。 14.2.html 使用JavaScript从Word中读取内容。 14.3.html 使用JavaScript向Excel文件中写入内容...
主要用于练习xslt,初学者可以参考一下
第12章 JavaScript与Ajax 348 12.1 Ajax概述 348 12.1.1 Ajax运行机制 348 12.1.2 Ajax技术优势 351 12.2 Ajax核心技术 352 12.2.1 JavaScript 352 12.2.2 DOM 353 12.2.3 XML 353 12.2.4 XMLHttpRequest 353 12.3 ...
XSLT+CSS+JQuery+WebService实现网站 分离到底!用XML+XSLT+CSS+JQuery+WebService组建Asp.Net网站,数据库采用的是Access(在App_Data下) 使用这种方案建站的人依然寥寥无几,大家还都在抱着Web标准化不撒手,其实...
使用xslt讲xml文件转换成html和js的形式,根据js处理不同的xml文件