网络版 RSS 阅读器,javascript 控件

最新推荐文章于 2021-02-21 14:32:19 发布

shudingbo

最新推荐文章于 2021-02-21 14:32:19 发布

阅读量1.8k

点赞数

分类专栏： javascript 文章标签： javascript rss 网络 border function google

本文链接：https://blog.csdn.net/Lava_sdb/article/details/1635639

版权

javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

使用 Google Feed, 制作了一个具有 Slide Show功能的在线 RSS 阅读器：

src code:

prototype.js rico.js mrssReader.js

example code: ( www.cdyw.org )

<html>
<head>
      <style type="text/css">
   .reader   { width: 600px; border: 1px solid black; padding: 0px; border-color:#CCCC33}
   .title    { line-height: 26px; height: 26px; background-color: #BACCD9; }
   .content { width: 100%; height: 400px; overflow: hidden; border-top: 1px solid black; border-bottom: 1px solid black; }
   .layer1   { width: 100%; height: 400px; background: #ffffee; position: relative; top: 0px; left: 0px; overflow: auto; }
   .layer2   { width: 100%; height: 400px; background: #ffffee; position: relative; top: -400px; left: 0; overflow: auto; }

   .controls{ text-align: center; padding-top: 4px; padding-bottom: 4px; background-color: #BACCD9; }
   .controls input{width: 100px;background-color: #8C8C8C;color: #000000;font-size: 12px;}
   .added    { background-color:silver; }
   .RSSFeed { font-weight: bold; color: Green; }
   .itemTitle{ color: navy; }

.rssItemContent {border-top:1px solid black;width:590px;height:350px;overflow:auto;padding:5px;margin-top:2px;}

    </style>
    <script type="text/javascript" src=" http://www.google.com/jsapi?key=YOU_GOOGLEKEY"></script >
    <script language="javascript" type="text/javascript" src="js/prototype.js"></script>
    <script language="javascript" type="text/javascript" src="js/rico.js"></script>
    <script language="javascript" type="text/javascript" src="js/mrssReader.js"></script>
    <script type="text/javascript">

google.load("feeds", "1");