- 时间:2022-11-11 11:20 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:JavaScript操作XML 使用百度RSS作为新闻源示例
js操作xml源,作为页面的动态新闻
参考JS源码如下(存为rss.js文件):
[url=index.css]<base target="_blank">
</head>
<body onload="Init()">
<div id="pagebody">
<div id="header">
<div id="banner"></div>
</div>
<div id="content">
<div class="left"></div>
<div class="right"></div>
<div class="left"></div>
<div class="right"></div>
<div class="left"></div>
<div class="right"></div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="rss.js"></script>
CSS源码(存为index.css )
a:link,a:visited,a:active {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
#pagebody {
margin:0 auto;
width:800px;
height:1200px;
border-left:dotted 1px gray;
border-right:dotted 1px gray;
background-color:#eee;
}
#header {
height:200px;
}
#banner {
height:160px;
background-color:#fff;
}
#content div {
width:380px;
height:270px;
border:solid 1px gray;
overflow:hidden;
background-color:#fff;
}
#content div ul li {
list-style-image:url(list.gif);
}
.left {
float:left;
margin-top:10px;
margin-left:10px;
}
.right {
float:right;
margin-top:10px;
margin-right:10px;
}